.vertical-middle:after {
  display: inline-block;
  width: 0;
  height: 100%;
  content: "center";
  vertical-align: middle;
  overflow: hidden;
}
/**********  button  ***************/
button {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
}
button:focus {
  border: none;
}
.btn-normal {
  width: 80px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: #0c7dd4;
  border: 0;
  cursor: pointer;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.btn-normal:hover {
  background-color: #0d8bec;
  color: #fff;
  text-decoration: none;
}
.btn-normal:focus {
  outline: none;
}
.btn-normal:active {
  background-color: #0d8bec;
  color: #fff;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325);
}
.btn-r {
  width: 80px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: #e53930;
  border: 0;
  cursor: pointer;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.btn-r:hover {
  background-color: #e84f47;
  color: #fff;
  text-decoration: none;
}
.btn-r:focus {
  outline: none;
}
.btn-r:active {
  background-color: #e84f47;
  color: #fff;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325);
}
.btn-g {
  width: 80px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: #aaa;
  border: 0;
  cursor: pointer;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.btn-g:hover {
  background-color: #b7b7b7;
  color: #fff;
  text-decoration: none;
}
.btn-g:focus {
  outline: none;
}
.btn-g:active {
  background-color: #b7b7b7;
  color: #fff;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325);
}
.btn-m {
  width: 145px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background-color: #0c7dd4;
  border: 0;
  cursor: pointer;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.btn-m:hover {
  background-color: #0d8bec;
  color: #fff;
  text-decoration: none;
}
.btn-m:focus {
  outline: none;
}
.btn-m:active {
  background-color: #0d8bec;
  color: #fff;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325);
}
.btn-mr {
  width: 145px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background-color: #e53930;
  border: 0;
  cursor: pointer;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.btn-mr:hover {
  background-color: #e84f47;
  color: #fff;
  text-decoration: none;
}
.btn-mr:focus {
  outline: none;
}
.btn-mr:active {
  background-color: #e84f47;
  color: #fff;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325);
}
.btn-s {
  width: 65px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: #0c7dd4;
  border: 0;
  cursor: pointer;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.btn-s:hover {
  background-color: #0d8bec;
  color: #fff;
  text-decoration: none;
}
.btn-s:focus {
  outline: none;
}
.btn-s:active {
  background-color: #0d8bec;
  color: #fff;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325);
}
.btn-gs {
  width: 65px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: #aaa;
  border: 0;
  cursor: pointer;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.btn-gs:hover {
  background-color: #b7b7b7;
  color: #fff;
  text-decoration: none;
}
.btn-gs:focus {
  outline: none;
}
.btn-gs:active {
  background-color: #b7b7b7;
  color: #fff;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325);
}
.btn-w,
.btn-b-b {
  width: auto;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
  color: #0c7dd4;
  background-color: #fff;
  border: 0;
  cursor: pointer;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #0c7dd4;
  padding: 0 6px;
}
.btn-w:hover,
.btn-b-b:hover {
  background-color: #ffffff;
  color: #0c7dd4;
  text-decoration: none;
}
.btn-w:focus,
.btn-b-b:focus {
  outline: none;
}
.btn-w:active,
.btn-b-b:active {
  background-color: #ffffff;
  color: #0c7dd4;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325);
}
.btn-w:hover,
.btn-b-b:hover {
  background-color: #0c7dd4;
  color: #fff;
}
.ui-btn:disabled {
  background-color: #bbb;
  color: #666;
  border: 0;
  cursor: no-drop;
}
button[disabled="disabled"] {
  cursor: not-allowed !important;
  background: #dddddd!important;
}
button[disabled="disabled"]:hover {
  background-color: #dddddd;
}
/* ipt/slt */
.ui-ipt,
.ui-slt {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 8px;
  margin: 0;
  color: #666;
  box-sizing: border-box;
  vertical-align: middle;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.ui-ipt:focus,
.ui-slt:focus {
  outline: none;
}
.ui-ipt:disabled,
.ui-slt:disabled {
  background-color: #f2f2f2;
  color: #bbb;
}
.ui-ipt:-ms-input-placeholder,
.ui-slt:-ms-input-placeholder {
  color: #666;
}
.ui-ipt:-moz-placeholder,
.ui-slt:-moz-placeholder {
  color: #666;
}
.ui-ipt::-webkit-input-placeholder,
.ui-slt::-webkit-input-placeholder {
  color: #666;
}
/* 单选/复选 */
input[type="radio"],
input[type="checkbox"] {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -8px 0 0 0;
  display: inline-block;
  z-index: 9999;
  cursor: pointer;
}
.ui-label {
  margin-bottom: 0;
  position: relative;
  cursor: pointer;
}
.ui-label.checked .checkbox-a {
  background-position: -20px 0;
}
.ui-label.checked .radio-a {
  background-position: -20px -20px;
}
.ui-label .checkbox,
.ui-label .radio {
  opacity: 0;
}
.ui-label .checkbox,
.ui-label .radio,
.ui-label .checkbox-a,
.ui-label .radio-a {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -7px 0 0 0;
  display: inline-block;
}
.ui-label .radio-a,
.ui-label .checkbox-a {
  background: url("../images/form-icon_hash406b9335f3.png") no-repeat;
  cursor: pointer;
}
.ui-label .checkbox-a {
  background-position: 0 0;
}
.ui-label .radio-a {
  background-position: 0 -20px;
}
.ui-label .ipt-txt {
  position: relative;
  z-index: 9;
  padding-left: 22px;
  color: #333;
  font-weight: normal;
}
/* textarea */
.ui-textarea {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 5px;
  margin: 0;
  color: #666;
  box-sizing: border-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  resize: none;
}
.ui-textarea:focus {
  outline: none;
}
/* 多种样式 */
.t-area {
  width: 850px;
  height: 150px;
}
.t-area-1 {
  width: 450px;
  height: 150px;
}
.ipt-s {
  width: 120px;
}
a:focus {
  color: inherit;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}
body {
  padding: 0;
  line-height: 1.5;
  color: #333;
  font-family: Arial;
  font-size: 14px;
  background-color: #fff;
}
input,
textarea,
select,
button {
  font-family: Arial;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
form,
em,
i {
  margin: 0;
}
ul,
ol {
  padding-left: 0;
  list-style-type: none;
}
img {
  border: 0;
}
a,
span {
  display: inline-block;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: #333;
}
a:hover {
  text-decoration: none;
  color: #0c7dd4;
}
* {
  box-sizing: content-box;
}
a,
input,
textarea,
label,
i,
.slt,
span {
  transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
}
@-ms-viewport {
  width: auto;
}
/**********  table  ***************/
table {
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
  vertical-align: middle;
  text-align: center;
}
.ui-table {
  width: 100%;
  background-color: #fff;
  font-size: 14px;
}
.ui-table th {
  height: 40px;
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  background-color: #eee;
  padding: 0 10px;
  text-align: center;
}
.ui-table td {
  border: 1px solid #ddd;
  padding: 10px;
}
.ui-table .tl {
  text-align: left;
}
.ui-table .op a {
  color: #0c7dd4;
}
.ui-table .op a:hover {
  text-decoration: underline;
}
.table-class {
  font-size: 15px;
  table-layout: fixed;
}
.table-class th,
.table-class td {
  border: 0;
}
.table-class th {
  background-color: #f2f2f2;
}
.table-class td {
  border-bottom: 1px dashed #ddd;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.table-class tr:hover {
  background-color: #f9f9f9;
}
.table-class .tit {
  color: #333;
  padding-left: 8px;
  position: relative;
}
.table-class .tit:hover {
  color: #e53930;
}
.table-class .tit:before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #015293;
  position: absolute;
  top: 8px;
  left: -3px;
}
.table-line tr {
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}
.table-line td,
.table-line th {
  border: 0;
  border-bottom: 1px solid #e8e8e8;
}
.table-line th {
  border-top: 1px solid #e8e8e8;
}
.table-line .full-row,
.table-line .full-row-1 {
  border: 0;
}
.table-line .full-row-1 td {
  padding: 5px;
}
.table-line .order-row td {
  background-color: #f2f2f2;
  position: relative;
}
.table-line .course-cont {
  position: relative;
  height: 56px;
}
.table-line .course-cont img {
  width: 100px;
  height: 56px;
  position: absolute;
  top: 0;
  left: 0;
}
.table-line .course-cont a {
  display: block;
}
.table-line .course-cont .course-cont-bd {
  padding-left: 110px;
}
.table-line .course-cont .course-name,
.table-line .course-cont .book-name {
  width: 365px;
}
.table-line .course-cont .book-name {
  padding-top: 20px;
}
.table-line .course-cont .course-info {
  color: #999;
  font-size: 14px;
}
.table-line .course-cont .img {
  position: absolute;
  width: 100px;
  height: 56px;
}
.table-line .course-cont .img .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  line-height: 56px;
  color: #fff;
  display: block;
}
.table-line .course-cont .img .mask .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: .3;
  filter: alpha(opacity=30);
  display: block;
}
.table-line .course-cont .img .mask .txt {
  position: relative;
  z-index: 9;
}
.table-line .txt-ml {
  margin-left: -6px;
}
.table-line .op-1 a {
  display: block;
  color: #0c7dd4;
  margin: 0 5px;
}
.table-line .op-1 a:hover {
  text-decoration: underline;
}
.table-line .op-1 .ui-btn {
  padding: 3px 0;
  color: #fff;
  background-color: #f46b73;
  border-radius: 5px;
  width: 50px;
  display: inline-block;
}
.table-line .op-1 .ui-btn:hover {
  text-decoration: none;
  background-color: #f57980;
}
.table-line .op-1 .ui-btn-s {
  padding: 0;
  margin-top: 2px;
}
.m-header {
  width: 100%;
  height: 162px;
  background: #fff url("../images/header-bg_hashd6853243fa.jpg") no-repeat center bottom;
  position: relative;
  z-index: 200;
}
.m-header .top-wrap {
  height: 30px;
  line-height: 30px;
  background: url("../images/top_bg_hash89190becae.gif") no-repeat center 0;
  color: #fff;
}
.m-header .top-wrap a {
  color: #fff;
  height: 30px;
}
.m-header .top-wrap .right a {
  padding: 0 10px;
}
.m-header .top-wrap .appico {
  background-position: -110px -245px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.m-header .top-wrap .appico-1 {
  background-position: 0 0;
  width: 16px;
  height: 20px;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.m-header .top-wrap .appico-2 {
  background-position: -54px -245px;
  width: 23px;
  height: 20px;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.m-header .top-wrap a.top-app,
.m-header .top-wrap .top-app {
  /*&:hover {
        .hover-block,.hover-bd,.hover-bd a{
          opacity: 1;
          filter: alpha(opacity=100);
        }
      }*/
}
.m-header .top-wrap a.top-app .hover-block,
.m-header .top-wrap .top-app .hover-block {
  position: absolute;
  top: 47px;
  left: 0px;
  transition: all 0.4s;
  padding-right: 10px;
  z-index: 10;
}
.m-header .top-wrap a.top-app .hover-block .hover-bd,
.m-header .top-wrap .top-app .hover-block .hover-bd {
  background-color: #fff;
  text-align: left;
  color: #333;
  padding: 10px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 7px #ccc;
  -webkit-box-shadow: 0px 0px 7px #ccc;
  box-shadow: 0px 0px 7px #ccc;
}
.m-header .top-wrap a.top-app .hover-block .hover-bd span,
.m-header .top-wrap .top-app .hover-block .hover-bd span {
  display: inline-block;
}
.m-header .top-wrap a.top-app .hover-block .hover-bd .arrowtop,
.m-header .top-wrap .top-app .hover-block .hover-bd .arrowtop {
  width: 13px;
  height: 7px;
  position: absolute;
  left: 50%;
  top: -7px;
  margin-left: -6px;
  display: inline-block;
  background: url("../images/icon_home.png") no-repeat -322px -23px;
}
.m-header .top-wrap a.top-app .hover-block .hover-bd .close,
.m-header .top-wrap .top-app .hover-block .hover-bd .close {
  width: 30px;
  height: 30px;
  background-position: -318px -188px;
  border: 1px solid #ddd;
  border-radius: 15px;
  position: absolute;
  top: -13px;
  right: -8px;
  background-color: #fff;
}
.m-header .top-wrap a.top-app .hover-block .hover-bd .close:hover,
.m-header .top-wrap .top-app .hover-block .hover-bd .close:hover {
  background-position: -318px -214px;
  border: 1px solid #0c7dd4;
  background-color: #0c7dd4;
}
.m-header .top-wrap a.top-app .hover-block,
.m-header .top-wrap .top-app .hover-block,
.m-header .top-wrap a.top-app .hover-bd,
.m-header .top-wrap .top-app .hover-bd,
.m-header .top-wrap a.top-app .hover-bd a,
.m-header .top-wrap .top-app .hover-bd a {
  /*opacity: 0;*/
  filter: alpha(opacity=0);
}
.m-header .logo {
  padding-top: 52px;
}
.m-header .logo-txt {
  padding-top: 47px;
  margin-left: 27px;
  font-size: 36px;
  float: left;
  font-weight: bold;
  color: #2e2e2e;
  letter-spacing: -2px;
}
.m-header .channel-txt {
  font-size: 30px;
  color: #0c7dd4;
  font-weight: bold;
  border-left: 1px solid #0c7dd4;
  padding-left: 25px;
  margin-left: 21px;
  height: 60px;
  line-height: 52px;
  margin-top: 22px;
}
.m-header .tel-box {
  padding-top: 55px;
}
.m-header .tel-box .p-ico {
  width: 33px;
  height: 34px;
  background-position: -357px 0;
  margin-top: 10px;
  margin-right: 8px;
}
.m-header .tel-box .tel-num {
  font-size: 24px;
  color: #e53930;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.m-header .tel-box .tel-txt {
  line-height: 7px;
  color: #555555;
}
.m-nav {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: url("../images/navbg_hashe6623c8302.png") repeat-x;
}
.m-nav .nav-bd .current {
  background: #369ceb;
}
.m-nav .nav-bd a {
  width: 125px;
  line-height: 50px;
  display: block;
  color: #fff;
  font-size: 17px;
  text-align: center;
  float: left;
  margin-right: 4px;
}
.m-nav .nav-bd a:hover {
  background: #369ceb;
}
.m-nav .nav-bd a:focus {
  outline: none;
  text-decoration: none;
}
.pos-nav {
  color: #666;
  line-height: 40px;
  height: 40px;
  background-color: #f5f5f5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding-left: 10px;
  margin: 0 0 15px 0;
  box-sizing: border-box;
}
.pos-nav a {
  color: #666;
}
.pos-nav a:hover {
  color: #e53930;
  text-decoration: underline;
}
.pos-nav span {
  padding: 0 3px;
}
.pos-nav .p-ico {
  width: 12px;
  height: 16px;
  background-position: -220px -90px;
  position: relative;
  top: -1px;
  margin-right: 3px;
}
.m-order-process {
  width: 1092px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 0;
  position: relative;
}
.m-order-process .process-line {
  width: 730px;
  height: 10px;
  background-color: #e6e6e6;
  position: absolute;
  top: 73px;
  left: 182px;
}
.m-order-process .process-line .current {
  height: 10px;
  background-color: #0c7dd4;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
}
.m-order-process .process-bd {
  position: relative;
  z-index: 999;
}
.m-order-process .process-bd li {
  float: left;
  width: 33.33%;
  text-align: center;
  color: #bbb;
  font-size: 16px;
}
.m-order-process .process-bd li .p-ico {
  width: 35px;
  height: 35px;
  background: #e6e6e6;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.m-order-process .process-bd li .fs12 {
  font-size: 12px;
}
.m-order-process .process-bd .li-ed {
  color: #0c7dd4;
}
.m-order-process .process-bd .li-ed .p-ico {
  background: #0c7dd4;
}
.user-pic {
  width: 180px;
  height: 210px;
  position: relative;
}
.user-pic img {
  width: 170px;
  height: 170px;
  border: 5px solid #fff;
  -moz-box-shadow: 0px 0px 7px #999;
  -webkit-box-shadow: 0px 0px 7px #999;
  box-shadow: 0px 0px 7px #999;
}
.user-pic .pic-mask {
  width: 170px;
  height: 40px;
  position: absolute;
  top: 135px;
  left: 5px;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}
.user-pic .upload-btn {
  width: 180px;
  position: absolute;
  display: inline-block;
  top: 130px;
  left: 0px;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  line-height: 50px;
  color: #fff;
}
i.ico-success {
  background-position: -258px -189px;
  width: 57px;
  height: 57px;
  margin-right: 10px;
}
span.user-ico {
  background-position: 1px -272px;
  width: 18px;
  height: 18px;
  top: 9px;
  left: 8px;
}
span.code-ico {
  background-position: -20px -272px;
  width: 18px;
  height: 18px;
  top: 11px;
  left: 8px;
}
span.picode-ico {
  background-position: -44px -272px;
  width: 18px;
  height: 18px;
  top: 11px;
  left: 8px;
}
a.openeye-ico,
span.openeye-ico {
  background-position: -89px -177px;
  width: 21px;
  height: 18px;
  top: 11px;
  left: 279px;
}
a.closeye-ico,
span.closeye-ico {
  background-position: -89px -195px;
  width: 21px;
  height: 18px;
  top: 11px;
  left: 279px;
}
.banner-box {
  width: 100%;
  height: 320px;
}
/*首页轮播图*/
#full-screen-slider {
  width: 100%;
  height: 340px;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
#slides {
  display: block;
  width: 100%;
  height: 340px;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
#slides li {
  display: block;
  width: 100%;
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
}
#slides li a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
#pagination {
  display: block;
  list-style: none;
  position: absolute;
  left: 50%;
  top: 310px;
  z-index: 9900;
  padding: 5px 15px 5px 0;
  margin: 0;
}
#pagination li {
  display: block;
  list-style: none;
  width: 12px;
  height: 12px;
  float: left;
  margin-left: 15px;
  border-radius: 6px;
  background: #fff;
}
#pagination li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  text-indent: -9999px;
}
#pagination li.current {
  background: #fff;
  width: 25px;
}
/*首页课程导航*/
.nav-wrap {
  z-index: 100;
  position: relative;
  width: 240px;
  height: 310px;
  margin-top: 15px;
  float: left;
  background: url("../images/nav-wrap-bg_hashf1799ae1e3.png");
}
.nav-wrap .nav-bar {
  width: 240px;
  color: #fff;
}
.nav-wrap .nav-bar a.nav-bar-title {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  width: 220px;
  padding: 0 10px;
  height: 44px;
  line-height: 44px;
  background: #08af9c;
  color: #fff;
  float: left;
  font-size: 16px;
}
.nav-wrap .nav-bar a.nav-bar-title:hover {
  text-decoration: none;
}
.nav-wrap .nav-bar a.nav-bar-title .ico-training {
  background-position: -19px 0px;
  width: 18px;
  height: 17px;
  margin-right: 8px;
}
.nav-wrap .nav-bar a.nav-bar-title .ico-arrow-right {
  background-position: -82px 0px;
  width: 7px;
  height: 17px;
  margin-top: 13px;
}
.nav-wrap .nav-bar .nav-bar-list {
  position: absolute;
  top: 44px;
  left: 0;
  width: 100%;
  height: 296px;
  z-index: 101;
  display: none;
  background: #474747;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap {
  padding: 0;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item .item-mn {
  width: 214px;
  padding: 0 8px 14px;
  border-left: 0;
  border-right: 0;
  overflow: hidden;
  position: relative;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item .item-mn a {
  color: #fff;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item .item-mn a:hover {
  color: #08af9c;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item .item-mn a.title {
  display: block;
  font-size: 16px;
  margin-top: 9px;
  margin-bottom: 8px;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item .item-mn a.link-item {
  font-size: 14px;
  display: inline-block;
  float: left;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item .item-mn p {
  line-height: 25px;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item .item-mn p span {
  padding: 0 5px;
  font-size: 12px;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item .item-mn .ico-gx {
  background-position: -132px -302px;
  width: 18px;
  height: 27px;
  margin-right: 8px;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item .item-mn .ico-zy {
  background-position: -153px -300px;
  width: 18px;
  height: 27px;
  margin-right: 8px;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item .item-mnc {
  position: absolute;
  top: -44px;
  left: 240px;
  padding: 15px 40px 5px;
  width: 196px;
  border: 2px solid #08af9c;
  border-left: 0;
  background-color: #fff;
  z-index: 102;
  height: 316px;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item .item-mnc dl {
  margin: 0 0 10px;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item .item-mnc dl dt {
  width: 100%;
  line-height: 30px;
  height: 30px;
  font-size: 16px;
  margin-bottom: 3px;
  background: #08af9c;
  text-align: center;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item .item-mnc dl dd {
  overflow: hidden;
  line-height: 22px;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item .item-mnc dl dd a {
  white-space: nowrap;
  line-height: 40px;
  font-size: 14px;
  color: #999;
  display: inline-block;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item .item-mnc dl dd a:hover {
  color: #08af9c;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .z-sel .item-mn {
  border: 1px solid #da9804;
  border-right: 0;
  background-color: #fff;
  z-index: 102;
  width: 223px;
  padding-bottom: 7px;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .z-sel .item-mn a {
  color: #999;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .z-sel .item-mn a:hover {
  color: #0c7dd4;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .z-sel .item-mn a .ico-gx {
  background-position: -132px -331px;
  width: 18px;
  height: 27px;
  margin-right: 8px;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .z-sel .item-mn a .ico-zy {
  background-position: -153px -328px;
  width: 18px;
  height: 27px;
  margin-right: 8px;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap .nav-bar-item:first-child .item-mn {
  border-top: 0;
}
.nav-wrap .nav-bar .nav-bar-list .list-wrap hr {
  margin: 7px 0;
}
.nav-wrap .nav-bar .nav-bar-list.active {
  display: block;
  background-color: #333;
}
.nav-wrap .nav {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
}
.nav-wrap .nav li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  white-space: nowrap;
  padding-left: 30px;
  padding-right: 30px;
}
.nav-wrap .nav li.blue-bg {
  background: #1586f7;
  padding: 0 50px;
}
.nav-wrap .nav li.blue-bg a,
.nav-wrap .nav li.blue-bg a:hover {
  color: #fff;
}
.nav-wrap .bor-b {
  border-bottom: 1px solid #727272;
}
.select_box {
  z-index: 10;
}
/*首页登录*/
.course-my .course-my-info {
  margin: 15px 15px 0;
}
.course-my .course-my-info .my-headimg {
  width: 64px;
  height: 64px;
  border-radius: 80px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  float: left;
}
.course-my .course-my-info .my-headimg img {
  width: 100%;
  height: 100%;
}
.course-my .course-my-info .info-detail {
  padding-left: 73px;
  color: #333;
  font-size: 15px;
  width: 150px;
  line-height: 21px;
}
.course-my .login-entry {
  margin: 15px 15px 0;
}
.course-my .login-entry .btn-r {
  height: 40px;
  line-height: 40px;
  width: 80px;
}
.course-my .login-entry .btn-b-b {
  height: 38px;
  line-height: 38px;
  width: 120px;
  margin-right: 10px;
}
.course-my .login-entry .w196 {
  width: 216px;
  margin-left: 0;
}
.course-my .entry-box {
  margin: 15px 0;
}
.course-my .entry-box li {
  display: block;
  width: 33.3%;
  float: left;
  text-align: center;
  padding: 0 0px 10px;
  cursor: default;
  position: relative;
}
.course-my .entry-box li .p-ico {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 10px;
}
.course-my .entry-box li .i1 {
  background-position: 0px -28px;
}
.course-my .entry-box li .i2 {
  background-position: -40px -28px;
}
.course-my .entry-box li .i3 {
  background-position: -80px -28px;
}
.course-my .entry-box li .i4 {
  background-position: -120px -28px;
}
.course-my .entry-box li .i5 {
  background-position: -161px -28px;
}
.course-my .entry-box li .i6 {
  background-position: -200px -28px;
}
.course-my .entry-box li .red-r {
  position: absolute;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-position: -247px -82px;
  top: -4px;
  left: 46px;
  font-style: normal;
}
.course-my .entry-box li .red-r-2 {
  top: 0px;
  left: 41px;
}
.course-my .entry-box li a {
  color: #333;
}
.course-my .entry-box li a:hover {
  color: #00458a;
}
.course-my .entry-box li a:hover .i1 {
  background-position: 0px -77px;
}
.course-my .entry-box li a:hover .i2 {
  background-position: -40px -77px;
}
.course-my .entry-box li a:hover .i3 {
  background-position: -80px -77px;
}
.course-my .entry-box li a:hover .i4 {
  background-position: -120px -77px;
}
.course-my .entry-box li a:hover .i5 {
  background-position: -161px -77px;
}
.course-my .entry-box li a:hover .i6 {
  background-position: -200px -77px;
}
.course-my .tab-title-box {
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  text-align: center;
  line-height: 50px;
  color: #0c7dd4;
  border-bottom: 3px solid #0c7dd4;
  margin: 0 15px;
}
.training-process {
  height: 108px;
  padding: 15px 0;
  background-color: #f8f8f8;
}
.training-process .p-ico {
  display: block;
  float: left;
}
.training-process .tit {
  width: 52px;
  height: 56px;
  background-position: -200px 0;
  text-indent: -9999px;
  margin: 26px 32px;
}
.training-process .arrow {
  width: 29px;
  height: 21px;
  background-position: -160px 0;
  margin: 44px 20px;
}
.training-process .step {
  width: 108px;
  height: 108px;
  text-indent: -9999px;
  transition: all .2s;
}
.training-process .step:hover {
  transform: translateY(-3px);
}
.training-process .step-1 {
  background-position: 0 -90px;
}
.training-process .step-2 {
  background-position: -110px -90px;
}
.training-process .step-3 {
  background-position: -220px -90px;
}
.training-process .step-4 {
  background-position: 0 -200px;
}
.training-process .step-5 {
  background-position: -110px -200px;
}
.training-process .step-6 {
  background-position: -220px -200px;
}
.m-news {
  width: 48%;
}
.m-news .news-bd {
  margin: 15px 0;
}
.m-news .news-bd li {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  position: relative;
}
.m-news .news-bd li:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #0c7dd4;
  position: absolute;
  top: 18px;
  left: 2px;
}
.m-news .news-bd li a {
  display: inline-block;
  width: 75%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
  padding-left: 15px;
}
.m-news .news-bd li a:hover {
  color: #e53930;
}
.m-news .news-bd li .time {
  position: absolute;
  color: #999;
  line-height: 40px;
  top: 0;
  right: 0;
}
.m-news .news-bd .first a {
  color: #0c7dd4;
  font-size: 18px;
  font-weight: bold;
}
.m-tab .tab-tit {
  border-bottom: 1px solid #ddd;
}
.m-tab .tab-tit a {
  color: #999;
  font-size: 20px;
  font-weight: bold;
  margin-right: 20px;
  line-height: 50px;
  border-bottom: 3px solid transparent;
  display: inline-block;
  margin-bottom: -2px;
  transition: all .4s;
}
.m-tab .tab-tit a:hover {
  color: #333;
}
.m-tab .tab-tit a:focus {
  outline: none;
  text-decoration: none;
}
.m-tab .tab-tit .hover {
  color: #333;
  border-bottom: 3px solid #0c7dd4;
}
.m-tab .tab-tit .more {
  color: #0c7dd4;
  font-size: 14px;
  font-weight: normal;
  margin-right: 0;
  position: relative;
  top: 7px;
}
.m-tab .tab-tit .more:hover {
  color: #0c7dd4;
  text-decoration: underline;
}
.block-tit {
  border-bottom: 1px solid #ddd;
}
.block-tit .bor-l {
  border-left: 5px solid #0c7dd4;
  padding-left: 12px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
}
.block-tit .txt {
  font-size: 20px;
  font-weight: bold;
  margin-right: 20px;
  line-height: 50px;
  display: inline-block;
  margin-bottom: -2px;
  transition: all .4s;
  color: #333;
  border-bottom: 3px solid #0c7dd4;
  position: relative;
}
.block-tit .more {
  color: #0c7dd4;
  font-size: 14px;
  font-weight: normal;
  margin-right: 0;
  position: relative;
  top: 20px;
}
.block-tit .more:hover {
  color: #0c7dd4;
  text-decoration: underline;
}
.m-course {
  margin-top: 20px;
}
.m-course .ul-course li {
  width: 260px;
  float: left;
  margin-right: 20px;
  cursor: pointer;
  transition: all .2s;
}
.m-course .ul-course li:hover {
  transform: translateY(-3px);
}
.m-course .ul-course li:hover .name {
  color: #0c7dd4;
}
.m-course .ul-course li img {
  width: 260px;
  height: 146px;
  display: block;
}
.m-course .ul-course li .name {
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 10px;
  display: block;
  color: #333;
}
.m-course .ul-course .last {
  margin-right: 0;
}
.block-box {
  height: 260px;
  border: 1px solid #ddd;
  border-top: 0;
}
.m-pass-person .pass-person-tit {
  height: 40px;
  line-height: 40px;
  background-color: #f5f5f5;
}
.m-pass-person .area,
.m-pass-person .name,
.m-pass-person .time {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.m-pass-person .area {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 10px;
}
.m-pass-person .name {
  width: 40px;
}
.m-pass-person .time {
  width: 80px;
  padding-right: 5px;
  text-align: center;
}
.m-pass-person .pass-person-bd {
  height: 209px;
  margin-top: 5px;
  overflow: hidden;
}
.m-pass-person .ul-pass-person {
  color: #666;
}
.m-pass-person .ul-pass-person li {
  line-height: 28px;
  border-bottom: 1px dashed #ddd;
}
.learn-checked {
  height: 60px;
  background-color: #f5f5f5;
  padding-top: 25px;
  padding-left: 50px;
}
.learn-checked .btn-normal {
  height: 33px;
  line-height: 33px;
  vertical-align: middle;
}
.link-block a,
.link-block img {
  display: block;
}
.link-block a {
  float: left;
  transition: all .2s;
}
.link-block a:hover {
  transform: translateY(-3px);
}
.link-block img {
  width: 260px;
  height: 105px;
}
.training-guide a {
  display: block;
  float: left;
  width: 128px;
  height: 128px;
  text-align: center;
}
.training-guide a:hover .tit {
  color: #0c7dd4;
}
.training-guide a:hover .p-ico {
  transform: scale(1.1);
}
.training-guide .p-ico {
  width: 53px;
  height: 53px;
  margin: 20px 0 10px;
  transition: all .2s;
}
.training-guide .pxxz {
  border-bottom: 1px dashed #ddd;
  border-right: 1px dashed #ddd;
}
.training-guide .pxxz .p-ico {
  background-position: -330px 0;
}
.training-guide .pxlc {
  border-bottom: 1px dashed #ddd;
}
.training-guide .pxlc .p-ico {
  background-position: -330px -60px;
}
.training-guide .czys {
  border-right: 1px dashed #ddd;
}
.training-guide .czys .p-ico {
  background-position: -330px -120px;
}
.training-guide .cjwt .p-ico {
  background-position: -330px -180px;
}
.training-guide .tit {
  color: #333;
  display: block;
}
/*---右侧悬浮---*/
.izl-rmenu {
  position: fixed;
  right: 0;
  margin-right: 20px;
  bottom: 20px;
  padding-bottom: 200px;
  background: url("../images/r_b.png") 0 bottom no-repeat;
  z-index: 999;
}
.izl-rmenu .btn {
  width: 64px;
  height: 64px;
  margin-bottom: 1px;
  cursor: pointer;
  position: relative;
}
.izl-rmenu .btn-qq {
  background: #6da9de url("../images/r_bg_hash76bd27614c.png") 0 0 no-repeat;
}
.izl-rmenu .btn-qq:hover {
  background-color: #006ac0;
}
.izl-rmenu .btn-qq,
.izl-rmenu .btn-qq:visited {
  background: #0c7dd4 url("../images/r_bg_hash76bd27614c.png") center -64px no-repeat;
  text-decoration: none;
  display: block;
}
.izl-rmenu .btn-phone {
  background: #0c7dd4 url("../images/r_bg_hash76bd27614c.png") 0 0 no-repeat;
}
.izl-rmenu .btn-phone:hover {
  background-color: #006ac0;
}
.izl-rmenu .btn-phone .phone {
  background-color: #006ac0;
  position: absolute;
  width: 140px;
  left: -140px;
  top: 0;
  line-height: 64px;
  color: #FFF;
  font-size: 18px;
  text-align: center;
  display: none;
}
.izl-rmenu .btn-top {
  background: #999 url("../images/r_bg_hash76bd27614c.png") 0 -128px no-repeat;
  display: none;
}
.izl-rmenu .btn-top:hover {
  background-color: #444;
}
.content-sub-tit {
  font-size: 16px;
  border-bottom: 1px solid #e8e8e8;
  height: 30px;
  color: #0c7dd4;
  position: relative;
}
.content-sub-tit span {
  display: inline-block;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 1px solid #0c7dd4;
}
.content-sub-tit a {
  margin-left: 90px;
  font-size: 14px;
  padding-top: 3px;
  display: inline-block;
}
.m-tips-base {
  padding: 3px 10px;
  background-color: #d7edff;
  color: #0c7dd4;
  font-size: 14px;
}
.m-tips-important {
  padding: 3px 10px;
  background-color: #ffdcdd;
  border: 1px dashed #e4393c;
  font-size: 14px;
}
.m-form {
  padding: 5px 80px 5px 50px;
}
.m-form li {
  margin-bottom: 10px;
}
.m-form .left-txt {
  width: 90px;
  text-align: right;
  display: inline-block;
  margin-right: 10px;
}
.m-form .ui-ipt {
  width: 260px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.m-form .ipt-1 {
  width: 170px;
}
.m-form .code {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.m-form .code img {
  width: 80px;
  height: 33px;
  border: 1px solid #ddd;
  display: block;
  border-radius: 5px;
}
.m-form .ar {
  font-size: 12px;
}
.m-form .ab {
  font-size: 16px;
}
.m-form .btn-normal {
  width: 120px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
}
.m-form-1 li {
  margin-bottom: 10px;
}
.m-form-1 .left-txt {
  width: 75px;
  text-align: right;
  margin-right: 10px;
  display: inline-block;
}
.m-form-1 .wrong-tips {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.m-form-1 .hide {
  display: none;
}
.latest-announce {
  height: 30px;
  line-height: 30px;
}
.latest-announce .t-r {
  margin-left: 10px;
}
.latest-announce a {
  color: #0c7dd4;
}
.latest-announce a:hover {
  text-decoration: underline;
}
.la-1 {
  background-color: #f2f2f2;
}
.la-1 .t-r {
  margin-left: 0;
}
.search-bar .btn-bar a {
  width: 75px;
  height: 35px;
  line-height: 35px;
}
.user-message-box {
  position: relative;
  border: 1px solid #ddd;
  background-color: #fff;
}
.user-message-box .hide {
  display: none;
}
.user-message-box .h-1 {
  height: 20px;
}
.user-message-box .message-info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding-top: 15px;
  width: 200px;
  text-align: center;
}
.user-message-box .message-info .btn {
  margin-top: 10px;
}
.user-message-box .message-bd {
  margin: 10px 10px 10px 210px;
  padding-left: 10px;
  border-left: 1px solid #ddd;
  min-height: 72px;
}
.user-message-box .message-bd .msg-info {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #eee;
}
.user-message-box .message-bd .reply-block {
  margin-top: 20px;
  background-color: #f2f2f2;
  padding: 10px;
  position: relative;
}
.user-message-box .message-bd .reply-block:after {
  content: "";
  width: 0;
  height: 0;
  border: 16px solid;
  border-color: transparent transparent #f2f2f2 transparent;
  position: absolute;
  top: -32px;
  left: 50px;
}
.user-message-box .message-bd .reply-block .reply-info {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #ddd;
}
.user-message-box .message-block {
  padding-top: 10px;
}
.user-message-box .mb-1 {
  min-height: 96px;
}
.user-message-box .bor-t {
  border-top-color: #eee;
  padding: 0;
}
.user-message-box .btn-xs {
  min-width: 60px;
}
.user-message-box .ab {
  display: inline-block;
}
.m-article .article-top {
  border-bottom: 1px dashed #ddd;
  text-align: center;
}
.m-article .article-top h1 {
  text-align: center;
  font-size: 26px;
  padding: 20px 0 20px;
  line-height: 150%;
  color: #333;
}
.m-article .article-top .date {
  color: #999;
  padding-bottom: 20px;
}
.m-article .article-text {
  padding: 25px;
  font-size: 16px;
  line-height: 180%;
  color: #565656;
}
.m-article .article-text p {
  text-indent: 2em;
  margin-bottom: 15px;
}
.m-article .pubdate-icon {
  background-position: -161px -9px;
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
.m-article .clickno-icon {
  background-position: -228px -69px;
  width: 18px;
  height: 12px;
  margin-right: 5px;
}
.help-box {
  min-height: 500px;
}
.help-box .right {
  width: 830px;
  float: left;
}
.help-box .right h2 {
  font-size: 26px;
  line-height: 49px;
  border-bottom: 1px dashed #e7e7e7;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}
.help-box .right .text-box h3 {
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.help-box .right .text-box h4 {
  font-size: 15px;
  margin-top: 10px;
  font-weight: bold;
}
.help-box .right .text-box p {
  line-height: 1.8;
  text-indent: 2em;
}
.help-box .right .text-box h4 + p {
  margin-top: 8px;
}
.help-box .right .text-box img {
  width: 700px;
  margin: 10px auto;
  display: block;
  border: 1px solid #ddd;
}
.help-box .right .phone {
  position: relative;
  top: -7px;
  margin-right: 10px;
}
.help-box .side {
  width: 240px;
  overflow: hidden;
}
.help-box .sidebar {
  width: 230px;
}
.help-box .sidebar li {
  margin-bottom: 10px;
}
.help-box .sidebar li a {
  background: #0c7dd4;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  color: #fff;
  display: block;
}
.help-box .sidebar li a:hover {
  background-color: #459fe8;
}
.help-box .sidebar li .current {
  background-color: #459fe8;
  position: relative;
}
.help-box .sidebar li .current:after {
  content: " ";
  width: 0;
  height: 0;
  border: 10px solid;
  border-color: transparent transparent transparent #459fe8;
  position: absolute;
  top: 25px;
  right: -20px;
  margin-top: -10px;
}
.help-box .sidebar li .current:after {
  right: -20px;
}
.help-box .m-tab .tab-tit {
  margin-bottom: 20px;
  border-bottom: 0;
}
.help-box .m-tab .tab-tit a {
  color: #666;
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
}
.help-box .m-tab .tab-tit a:hover {
  color: #0c7dd4;
}
.help-box .m-tab .tab-tit .hover {
  color: #0c7dd4;
}
.video-box {
  width: 100%;
  margin-top: 20px;
}
.down-list-box {
  width: 1100px;
  overflow: hidden;
}
.down-list {
  width: 1130px;
}
.down-list li {
  width: 535px;
  margin-right: 30px;
  margin-bottom: 30px;
  float: left;
}
.down-list li a {
  display: block;
  border: 1px solid #ddd;
  height: 100px;
  width: 533px;
  transition: all .4s;
}
.down-list li a:hover {
  border: 1px solid #e53930;
}
.down-list li a:hover .title {
  color: #e53930;
  border-right: 1px solid #e53930;
}
.down-list li a:hover .down-ico {
  background-position: -75px -318px;
}
.down-list .title {
  display: block;
  float: left;
  font-size: 16px;
  padding-left: 25px;
  padding-right: 20px;
  line-height: 100px;
  height: 100px;
  border-right: 1px solid #ddd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 358px;
  margin-right: 25px;
  color: #666;
  transition: all .4s;
}
.down-list .down-ico {
  background-position: 0 -318px;
  width: 66px;
  height: 66px;
  margin-top: 18px;
  margin-left: 5px;
  transition: all .4s;
}
.result-block {
  border-top: 1px dashed #ddd;
}
.news-list li {
  border-bottom: 1px dotted #e7e7e7;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.news-list li h2 {
  font-size: 20px;
  line-height: 40px;
  font-weight: bold;
  padding-bottom: 10px;
}
.news-list li h2 a {
  color: #333;
  transition: all .4s;
}
.news-list li h2 a:hover {
  color: #e53930;
}
.news-list li h2 .dot {
  width: 4px;
  height: 4px;
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
  background-color: #ababab;
}
.news-list .text {
  word-break: break-all;
  color: #666;
  padding-left: 15px;
}
.news-list .date {
  color: #999;
  padding-top: 10px;
  padding-left: 15px;
}
.news-list .date .a-r {
  color: #e53930;
}
.colhead {
  padding: 30px 0;
}
.colhead .leadbox {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 5px;
}
.colhead .tipcon {
  background-color: #fbfbfb;
  line-height: 22px;
  font-size: 14px;
  color: #777;
  padding: 10px 5px 10px 10px;
}
.colhead .coltit {
  font-size: 24px;
  color: #0c7dd4;
  display: inline-block;
  line-height: 40px;
  font-weight: bold;
}
.colhead .colrlgn {
  margin-top: 15px;
  color: #333;
}
.colhead .colrlgn a {
  margin-left: 10px;
  color: #0c7dd4;
}
.colhead .colrlgn a:hover {
  text-decoration: underline;
}
.colhead-1 {
  padding-top: 0;
  padding-bottom: 20px;
}
.fhlist {
  padding-left: 130px;
  padding-bottom: 20px;
}
.fhlist li {
  margin-bottom: 16px;
}
.fhlist li .title {
  display: inline-block;
  text-align: right;
  width: 100px;
  margin-right: 8px;
  color: #333;
  font-weight: bold;
}
.fhlist li .title-1 {
  width: 236px;
  margin-left: -120px;
}
.fhlist li .iptform {
  font-size: 12px;
  width: 260px;
}
.fhlist li .iptform-1 {
  width: 215px;
}
.fhlist li .iptform-2 {
  width: 166px;
}
.fhlist li .iptform-3 {
  width: 140px;
}
.fhlist li .iptform-4 {
  width: 398px;
}
.fhlist li .code {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.fhlist li .code img {
  width: 80px;
  height: 33px;
  border: 1px solid #ddd;
  display: block;
  border-radius: 5px;
}
.fhlist li .btn-1 {
  width: 160px;
}
.fhlist li .btn-normal-2 {
  width: 110px;
  margin-left: 5px;
  line-height: 35px;
  height: 35px;
  font-size: 12px;
  vertical-align: middle;
}
.fhlist li .fvx {
  font-style: normal;
  color: #e20013;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.fhlist li .ui-label {
  font-weight: normal;
}
.fhlist li .code-case {
  background: #e6e6e6;
  height: 14px;
  width: 260px;
  color: #666;
  overflow: hidden;
  display: inline-block;
}
.fhlist li .code-case em {
  display: inline-block;
  width: 33%;
  height: 14px;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  font-style: normal;
  float: left;
  color: #666;
  border-right: 1px solid #fff;
}
.fhlist li .code-case .last {
  border-right: 0;
}
.fhlist li .code-case .c1 {
  background: #ff6633;
  color: #fff;
}
.fhlist li .code-case .c2 {
  background: #ffcc33;
  color: #fff;
}
.fhlist li .code-case .c3 {
  background: #0c7dd4;
  color: #fff;
}
.fhlist .mb5 {
  margin-bottom: 5px;
}
.fhlist .formver {
  font-size: 12px;
  color: #f56d78;
  margin-left: 8px;
}
.fhlist .formver .ico-worm {
  width: 16px;
  height: 16px;
  background: #f56d78;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  vertical-align: -1px;
  margin-right: 3px;
  display: inline-block;
}
.fhlist .formver .ico-worm:before {
  content: "!";
  font-weight: bold;
  display: inline-block;
}
.fhlist .ui-btn {
  width: 140px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-weight: bold;
}
.fhlist .qr-code {
  width: 90px;
  height: 34px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
}
.fhlist .qr-code img {
  width: 90px;
  height: 32px;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.fhlist .ui-slt {
  width: 128px;
  padding: 6px 8px;
}
.fhlist .slt-l {
  width: 260px;
}
.fpsucc {
  padding-top: 20px;
  text-align: center;
}
.fpsucc .fptit {
  font-size: 18px;
  color: #e53930;
}
.fpsucc .fptrp {
  color: #333;
  margin-bottom: 30px;
}
.fpsucc .fpbom input {
  width: 140px;
}
.fpsucc .icofpsucc {
  background-position: -144px -319px;
  width: 30px;
  height: 25px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.completed-info {
  border: 1px dashed #e53930;
  width: 410px;
  margin: 20px auto;
  padding-bottom: 20px;
  background-color: #ffeaeb;
}
.completed-info h2 {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 45px;
}
.completed-info ul {
  width: 265px;
  margin: 0 auto;
}
.completed-info ul li {
  line-height: 30px;
  color: #d8220d;
  font-weight: bold;
  text-align: left;
}
.completed-info ul li .title {
  color: #666;
  font-weight: normal;
}
.ws-box {
  margin-left: 100px;
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px dashed #ddd;
}
.gzwx-box {
  width: 150px;
  height: 310px;
  background: url("../images/gzwx-bg_hash68ab7159d0.jpg");
  position: fixed;
  top: 50%;
  right: 0;
  margin-top: -155px;
  z-index: 99;
}
.gzwx-close {
  width: 11px;
  height: 11px;
  background: url("../images/gzwx-close_hash324c2de297.png") no-repeat 2px 2px;
  padding: 2px;
  position: absolute;
  top: 12px;
  right: 5px;
}
.gzwx-close:hover {
  background-color: #1175a9;
}
.title-box-lc {
  height: 80px;
  border-left: 3px solid #0c7dd4;
  padding-left: 22px;
  padding-top: 15px;
}
.title-box-lc .title {
  line-height: 30px;
  font-size: 24px;
  font-weight: normal;
  color: #0c7dd4;
  width: 52px;
}
.lc-list {
  padding-left: 10px;
  padding-right: 10px;
}
.lc-list li {
  float: left;
  height: 46px;
  padding-top: 2px;
  padding-bottom: 12px;
}
.lc-list li span {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  line-height: 21px;
}
.lc-list li span em {
  font-style: normal;
  margin-right: 0;
  height: auto;
  width: auto;
}
.lc-list li i {
  height: 46px;
  margin-right: 7px;
  width: 46px;
  vertical-align: middle;
}
.lc-list li .ico-lc-1 {
  background-position: 0 -619px;
}
.lc-list li .ico-lc-2 {
  background-position: -49px -619px;
}
.lc-list li .ico-lc-3 {
  background-position: -98px -619px;
}
.lc-list li .ico-lc-4 {
  background-position: -147px -619px;
}
.lc-list li .ico-lc-5 {
  background-position: -196px -619px;
}
.lc-list li .ico-lc-6 {
  background-position: -245px -619px;
}
.lc-list li .ico-lc-7 {
  background-position: -294px -619px;
}
.lc-list li .ico-arrow-right {
  background-position: -110px 0px;
  width: 20px;
  height: 22px;
  margin-top: 14px;
}
.lc-list .w20 {
  width: 200px;
  text-align: center;
}
.lc-list .w10 {
  width: 72px;
  text-align: center;
}
.lc-list a:hover .ico-lc-1 {
  background-position: 0 -672px;
}
.lc-list a:hover .ico-lc-2 {
  background-position: -49px -672px;
}
.lc-list a:hover .ico-lc-3 {
  background-position: -98px -672px;
}
.lc-list a:hover .ico-lc-4 {
  background-position: -147px -672px;
}
.lc-list a:hover .ico-lc-5 {
  background-position: -196px -672px;
}
.lc-list a:hover .ico-lc-6 {
  background-position: -245px -672px;
}
.lc-list a:hover .ico-lc-7 {
  background-position: -294px -672px;
}
.m-screen {
  position: relative;
}
.m-screen .screen-style {
  line-height: 42px;
  position: relative;
  padding-left: 60px;
  border-bottom: 1px dotted #ddd;
  min-height: 48px;
}
.m-screen .screen-style a {
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  color: #666;
  margin-right: 10px;
  min-width: 56px;
  padding: 0 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.m-screen .screen-style a:hover {
  color: #0c7dd4;
  text-decoration: none;
}
.m-screen .screen-style button {
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  color: #888;
  margin-right: 10px;
  min-width: 56px;
  padding: 0 15px;
}
.m-screen .screen-style button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0c7dd4;
}
.m-screen .screen-style .current {
  background-color: #0c7dd4;
  color: #fff;
}
.m-screen .style-name {
  width: 50px;
  position: absolute;
  top: 0;
  left: 0;
  color: #333;
  font-weight: bold;
  text-align: right;
}
.m-array-style {
  border-bottom: 1px solid #ddd;
  height: 40px;
}
.m-array-style a {
  display: block;
  line-height: 40px;
  float: left;
  border-right: 1px solid #ddd;
  padding: 0 20px;
}
.m-array-style a .p-ico {
  width: 14px;
  height: 21px;
  margin-left: 5px;
}
.m-array-style a .arrow-ico {
  background-position: -213px -268px;
}
.m-array-style a .ico-up {
  background-position: -219px -190px;
}
.m-array-style a .ico-down {
  background-position: -237px -190px;
}
.m-array-style a:hover {
  color: #333;
}
.m-array-style .current {
  color: #0c7dd4;
}
.m-array-style .current:hover {
  color: #0c7dd4;
}
.classlist {
  width: 1220px;
}
.classlist li {
  overflow: hidden;
  width: 285px;
  height: 314px;
  margin-right: 20px;
  border: 1px solid #eee;
  background: #fff;
  float: left;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
}
.classlist li:hover {
  border: 1px solid #0c7dd4;
  -moz-box-shadow: 0px 0px 7px #999;
  -webkit-box-shadow: 0px 0px 7px #999;
  box-shadow: 0px 0px 7px #999;
}
.classlist li:hover .hover-block {
  height: 100%;
}
.classlist li .img {
  width: 283px;
  height: 159px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: relative;
}
.classlist li .img img {
  width: 283px;
  height: 159px;
}
.classlist li .year {
  background-color: #0c7dd4;
  color: #fff;
  width: 50px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}
.classlist li .hover-block {
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.classlist li .hover-block .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: .5;
  filter: alpha(opacity=50);
  z-index: 5;
}
.classlist li .hover-block .btn-normal {
  width: 120px;
  height: 40px;
  line-height: 40px;
  position: relative;
  z-index: 9;
  margin-top: 62px;
}
.classlist li .tit {
  font-weight: bold;
  margin: 0 15px;
  line-height: 40px;
  width: 253px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.classlist li .info {
  margin: 0 15px 9px;
  width: 253px;
}
.classlist li .info p {
  float: left;
  width: 50%;
  color: #333;
  line-height: 26px;
  height: 26px;
}
.classlist li .info p .ui-slt {
  color: #333;
}
.classlist li .info p .p-ico {
  width: 16px;
  height: 20px;
  margin-right: 5px;
}
.classlist li .info p .c1 {
  background-position: -155px -4px;
}
.classlist li .info p .c2 {
  background-position: -175px -4px;
}
.classlist li .info p .c3 {
  background-position: -195px -5px;
}
.classlist li .info p .c4 {
  background-position: -186px -220px;
}
.classlist li .info p .c5 {
  background-position: -119px -271px;
  height: 24px;
}
.classlist li .info .w-p-8 {
  width: 75%;
}
.classlist li .info .w-p-2 {
  width: 25%;
}
.classlist li .info .price {
  color: #e53930;
  font-size: 18px;
  font-weight: bold;
}
.classlist li .op a,
.classlist li .op button {
  display: inline-block;
  margin-left: 15px;
  float: left;
  width: 118px;
  text-align: center;
}
.classlist li .op .btn-dis {
  background: #fff;
  color: #0c7dd4;
  border: 1px solid #0c7dd4;
  line-height: 36px;
  height: 36px;
  cursor: pointer;
}
.classlist li .op .btn-dis:hover {
  background-color: #0d8bec;
  color: #fff;
}
.classlist li .op .btn-normal {
  line-height: 38px;
  height: 38px;
}
.classlist li .buy-pop {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 287px;
  height: 316px;
  z-index: 10;
}
.classlist li .buy-pop .con {
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 11;
  color: #fff;
}
.classlist li .buy-pop .con .info p {
  width: 100%;
}
.classlist li .buy-pop .con .img,
.classlist li .buy-pop .con .img img {
  height: 98px;
  width: 281px;
}
.classlist li .buy-pop .con .btn-g {
  line-height: 38px;
  height: 38px;
}
.classlist li .buy-pop .con .ui-slt {
  padding: 3px;
}
.classlist li .buy-pop .con .price {
  color: #f00;
  margin-top: 7px;
}
.classlist li .buy-pop .con .op a {
  width: auto;
  line-height: 38px;
}
.classlist li .buy-pop .con .op .btn-normal {
  width: 197px;
}
.classlist li .buy-pop .mask-bg {
  border: 1px solid #08af9c;
  width: 281px;
  height: 310px;
  background: #fff;
  position: relative;
  opacity: 1;
  filter: alpha(opacity=100);
}
.classlist-new li {
  height: 260px;
}
.classlist-new li .buy-pop .mask-bg {
  height: 256px;
}
.buy-seal {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.classlist_1 li .img {
  display: block;
  margin-bottom: 5px;
}
.classlist_1 li .img img {
  width: 290px;
  height: 163px;
}
.classlist_1 li .class_name {
  font-weight: bold;
  margin-bottom: 15px;
}
.classlist-index {
  width: 831px;
}
.classlist-index li {
  width: 266px;
  height: 184px;
  margin-right: 11px;
  float: left;
  margin-top: 11px;
  position: relative;
}
.classlist-index li:hover .hover-block {
  height: 150px;
}
.classlist-index li .img {
  width: 266px;
  height: 150px;
  overflow: hidden;
}
.classlist-index li .img img {
  width: 266px;
  height: 150px;
}
.classlist-index li .hover-block {
  width: 266px;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.classlist-index li .hover-block .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: .5;
  filter: alpha(opacity=50);
  z-index: 5;
}
.classlist-index li .hover-block .btn-normal {
  width: 120px;
  height: 40px;
  line-height: 40px;
  position: relative;
  z-index: 9;
  margin-top: 62px;
}
.classlist-index li .tit,
.classlist-index li .tit a {
  display: block;
  height: 30px;
  width: 266px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
}
.classlist-index li .tit a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.classlist-index li .info {
  width: 266px;
}
.classlist-index li .info p {
  float: left;
  width: 70%;
  color: #999;
  line-height: 26px;
  height: 26px;
}
.classlist-index li .info p .p-ico {
  width: 16px;
  height: 20px;
  margin-right: 5px;
}
.classlist-index li .info .price {
  width: 30%;
  color: #e53930;
  font-weight: bold;
}
.classlist-index li .tit-2 {
  height: 20px;
  width: 266px;
  line-height: 20px;
  text-align: center;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.classlist-index-1 {
  width: 1160px;
}
.classlist-index-1 li {
  height: 200px;
  margin-right: 24px;
  margin-top: 0;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.classlist-index-2 {
  width: 1192px;
}
.classlist-index-2 li {
  width: 286px;
  height: 198px;
  margin-right: 12px;
  float: left;
  margin-top: 10px;
  position: relative;
}
.classlist-index-2 li:hover .hover-block {
  height: 161px;
}
.classlist-index-2 li .img {
  width: 286px;
  height: 161px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin-bottom: 5px;
}
.classlist-index-2 li .img img {
  width: 286px;
  height: 161px;
}
.classlist-index-2 li .img:hover img {
  -webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  -moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  transform: matrix(1.04, 0, 0, 1.04, 0, 0);
}
.classlist-index-2 li .hover-block {
  width: 286px;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.classlist-index-2 li .hover-block .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}
.classlist-index-2 li .hover-block .btn-normal {
  width: 120px;
  height: 40px;
  line-height: 40px;
  position: relative;
  z-index: 9;
  margin-top: 62px;
}
.classlist-index-2 li .tit,
.classlist-index-2 li .tit a {
  display: block;
  height: 30px;
  width: 286px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
}
.classlist-index-2 li .tit a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.classlist-index-2 li .info {
  width: 286px;
}
.classlist-index-2 li .info p {
  float: left;
  width: 70%;
  color: #999;
  line-height: 26px;
  height: 26px;
}
.classlist-index-2 li .info p .p-ico {
  width: 16px;
  height: 20px;
  margin-right: 5px;
}
.classlist-index-2 li .info .price {
  width: 30%;
  color: #e53930;
  font-weight: bold;
}
.m-course-detail .buy-seal {
  top: 40px;
}
.m-course-detail .course-detail-hd .course-img {
  width: 400px;
  height: 225px;
}
.m-course-detail .course-detail-hd .course-img img {
  width: 100%;
  height: 100%;
}
.m-course-detail .course-detail-hd .course-info-block {
  width: 445px;
}
.m-course-detail .course-detail-hd .course-info-block .course-name {
  font-size: 20px;
  padding-right: 29px;
  position: relative;
  margin-top: 5px;
}
.m-course-detail .course-detail-hd .course-info-block .course-name .ico-share {
  width: 26px;
  height: 28px;
  background-position: 0 -303px;
  position: absolute;
  top: 1px;
  right: 1px;
}
.m-course-detail .course-detail-hd .course-info-block .course-name .ico-share:hover {
  background-position: 0px -333px;
}
.m-course-detail .course-detail-hd .course-info-block .course-info {
  margin: 14px 0 10px;
  color: #666;
  height: 120px;
}
.m-course-detail .course-detail-hd .course-info-block .course-info p {
  margin-bottom: 10px;
}
.m-course-detail .course-detail-hd .course-info-block .course-info .w {
  display: inline-block;
  width: 220px;
}
.m-course-detail .course-detail-hd .course-info-block .course-op a,
.m-course-detail .course-detail-hd .course-info-block .course-op button {
  display: inline-block;
  margin-right: 15px;
  float: left;
  width: 145px;
  text-align: center;
}
.m-course-detail .course-detail-hd .course-info-block .course-op .btn-dis,
.m-course-detail .course-detail-hd .course-info-block .course-op button.btn-dis {
  background: #fff;
  color: #0c7dd4;
  border: 1px solid #0c7dd4;
  line-height: 44px;
  height: 44px;
  cursor: pointer;
}
.m-course-detail .course-detail-hd .course-info-block .course-op .btn-dis:hover,
.m-course-detail .course-detail-hd .course-info-block .course-op button.btn-dis:hover {
  background-color: #0d8bec;
  color: #fff;
}
.m-course-detail .course-detail-hd .course-info-block .course-op .btn-normal,
.m-course-detail .course-detail-hd .course-info-block .course-op button.btn-normal {
  line-height: 46px;
  height: 46px;
}
.m-course-detail .course-detail-hd .course-info-block .learn-process {
  color: #666;
}
.m-course-detail .course-detail-hd .course-info-block .learn-process .process-cont .process {
  display: inline-block;
  width: 400px;
  height: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ddd;
  position: relative;
}
.m-course-detail .course-detail-hd .course-info-block .learn-process .process-cont .process .current {
  height: 10px;
  background: url("../images/process-bg.jpg") no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.m-course-detail .course-detail-hd .course-info-block .learn-process .process-cont .process-num {
  font-size: 24px;
  color: #0c7dd4;
  padding-left: 10px;
}
.m-course-detail .course-detail-hd .course-info-block .learn-history {
  color: #999;
}
.m-course-detail .course-detail-hd .btn-block {
  position: absolute;
  top: 82px;
  right: -127px;
}
.m-course-detail .course-detail-hd .btn-block .ui-btn {
  width: 150px;
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  color: #fff;
  background-color: #f46b73;
  border-radius: 5px;
  text-align: center;
}
.m-course-detail .course-detail-hd .btn-block .ui-btn:hover {
  background-color: #f2535d;
}
.m-course-detail .course-detail-hd .btn-block .ui-btn .play-ico {
  background-position: 0px -186px;
  width: 20px;
  height: 22px;
  margin-right: 5px;
}
.m-course-detail .course-detail-hd .btn-block .btn-dis {
  background-color: #bbb;
  color: #777;
  cursor: default;
}
.m-course-detail .course-detail-hd .btn-block .btn-dis:hover {
  background-color: #bbb;
}
.m-course-detail .course-detail-hd .btn-block .hide {
  display: none;
}
.m-course-detail .course-detail-bd .tab-tit {
  color: #333;
  position: relative;
  top: -1px;
}
.m-course-detail .course-detail-bd .tab-tit a {
  padding: 0 15px;
  display: inline-block;
  line-height: 42px;
  margin-right: 5px;
}
.m-course-detail .course-detail-bd .tab-tit a:hover {
  color: #0c7dd4;
}
.m-course-detail .course-detail-bd .tab-tit .current {
  border-bottom: 3px solid #0c7dd4;
  color: #0c7dd4;
}
.m-course-detail .course-test {
  width: 305px;
}
.m-course-detail .course-test .course-test-bd {
  padding: 10px;
}
.m-course-detail .course-test .course-test-bd .course-text-btn {
  height: 60px;
  line-height: 60px;
  background-color: #f5f5f5;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 20px;
  position: relative;
}
.m-course-detail .course-test .course-test-bd .course-text-btn:hover {
  background-color: #eee;
}
.m-course-detail .course-test .course-test-bd .course-text-btn .ico-1,
.m-course-detail .course-test .course-test-bd .course-text-btn .ico-2 {
  width: 28px;
  height: 30px;
  position: relative;
  top: 8px;
  margin-right: 8px;
}
.m-course-detail .course-test .course-test-bd .course-text-btn .ico-1 {
  background-position: -100px -140px;
}
.m-course-detail .course-test .course-test-bd .course-text-btn .ico-2 {
  background-position: -130px -140px;
}
.m-course-detail .course-test .course-test-bd .course-text-btn .ico-tip {
  width: 91px;
  height: 24px;
  background-position: -190px -140px;
  color: #fff;
  line-height: 24px;
  padding-left: 18px;
  font-size: 12px;
}
.m-course-detail .course-test .course-test-bd .course-text-btn .score {
  position: absolute;
  top: 0;
  right: 20px;
}
.m-course-detail .course-test .course-test-bd .course-text-btn .score span {
  font-size: 32px;
}
.m-course-detail .course-test .course-test-bd .dis-btn {
  color: #999;
  cursor: default;
}
.m-course-detail .course-test .course-test-bd .dis-btn:hover {
  background-color: #f5f5f5;
}
.m-course-detail .course-test .course-test-bd .dis-btn .ico-2 {
  background-position: -160px -140px;
}
.m-course-detail .block-tit {
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  border-bottom: 1px solid #eee;
}
.m-course-detail .block-tit .title-b {
  border-bottom: 3px solid #0c7dd4;
  color: #0c7dd4;
  line-height: 42px;
  padding: 0 15px;
  margin-right: 5px;
  display: inline-block;
  font-size: 16px;
  position: absolute;
}
.m-course-detail .course-intro {
  padding: 20px 30px;
  line-height: 2;
}
.m-course-detail .course-intro p {
  text-indent: 2em;
}
.m-course-detail .teacher-block {
  padding: 20px;
}
.m-course-detail .teacher-block .teacher-block-bd {
  position: relative;
  margin-bottom: 20px;
}
.m-course-detail .teacher-block .teacher-block-bd img {
  width: 90px;
  height: 110px;
  border: 1px solid #ddd;
  position: absolute;
  top: 0;
  left: 0;
}
.m-course-detail .teacher-block .teacher-info-block {
  padding-left: 110px;
  min-height: 110px;
}
.m-course-detail .teacher-block .teacher-info-block .teacher-name {
  font-size: 16px;
  padding: 5px 0 10px;
  color: #333;
}
.m-course-detail .teacher-block .teacher-info-block .teacher-info {
  color: #666;
}
.m-course-ml {
  padding: 10px 30px 20px 30px;
}
.m-course-ml .course-ml-tit {
  border-bottom: 1px solid #eee;
  line-height: 45px;
  padding-right: 15px;
  position: relative;
}
.m-course-ml .course-ml-tit .ico-ml {
  width: 24px;
  height: 26px;
  background-position: -190px -186px;
  margin-right: 5px;
}
.m-course-ml .course-ml-tit .ico-open,
.m-course-ml .course-ml-tit .ico-close {
  width: 19px;
  height: 19px;
  position: absolute;
  right: 10px;
  top: 13px;
}
.m-course-ml .course-ml-tit .ico-open {
  background-position: -210px -180px;
}
.m-course-ml .course-ml-tit .ico-open:hover {
  background-position: -210px -200px;
}
.m-course-ml .course-ml-tit .ico-close {
  background-position: -190px -180px;
}
.m-course-ml .course-ml-tit .ico-close:hover {
  background-position: -190px -200px;
}
.m-course-ml .sub-course-ml-block {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.m-course-ml .sub-course-ml-block .sub-course-ml {
  padding-top: 10px;
}
.m-course-ml .sub-course-ml-block .sub-course-ml li {
  padding: 5px 15px 5px 35px;
  position: relative;
  height: 21px;
  line-height: 21px;
  color: #666;
}
.m-course-ml .sub-course-ml-block .sub-course-ml li a {
  display: inline-block;
  width: 100%;
}
.m-course-ml .sub-course-ml-block .sub-course-ml li .w {
  width: 585px;
  display: inline-block;
  vertical-align: middle;
}
.m-course-ml .sub-course-ml-block .sub-course-ml li.learn-ing:hover {
  color: #0c7dd4;
  background: #f8f8f8;
}
.m-course-ml .sub-course-ml-block .sub-course-ml li.learn-ing:hover .ico-play {
  background-position: 0px -212px;
}
.m-course-ml .sub-course-ml-block .sub-course-ml li.learn-ing:hover .openeye-ico {
  display: inline-block;
}
.m-course-ml .sub-course-ml-block .sub-course-ml li.learn-ing .openeye-ico {
  display: none;
}
.m-course-ml .sub-course-ml-block .sub-course-ml li.learn-ing .ico-pro {
  width: 21px;
  height: 21px;
  background-position: -100px -210px;
  position: absolute;
  top: 0;
  left: -11px;
}
.m-course-ml .sub-course-ml-block .sub-course-ml li.learn-ing .ico-play {
  width: 20px;
  height: 22px;
  background-position: 0px -238px;
}
.m-course-ml .sub-course-ml-block .sub-course-ml li.learn-lock {
  color: #ccc;
}
.m-course-ml .sub-course-ml-block .sub-course-ml li.learn-lock .openeye-ico {
  display: none;
}
.m-course-ml .sub-course-ml-block .sub-course-ml li.learn-lock .ico-pro {
  width: 21px;
  height: 21px;
  background-position: -100px -210px;
  position: absolute;
  top: 0;
  left: -11px;
}
.m-course-ml .sub-course-ml-block .sub-course-ml li.learn-lock .ico-play {
  width: 20px;
  height: 20px;
  background-position: -338px -21px;
}
span.bug-ico {
  background-position: -58px -184px;
  width: 22px;
  height: 24px;
  margin-right: 7px;
}
span.addshop-ico {
  background-position: -23px -183px;
  width: 25px;
  height: 26px;
  margin-right: 7px;
}
a:hover span.addshop-ico,
button:hover span.addshop-ico {
  background-position: -23px -213px;
}
span.condition-ico {
  background-position: -117px -179px;
  width: 30px;
  height: 36px;
  margin-right: 14px;
}
span.date-ico {
  background-position: -250px -260px;
  width: 34px;
  height: 36px;
  margin-right: 12px;
}
span.require-ico {
  background-position: -290px -260px;
  width: 30px;
  height: 36px;
  margin-right: 14px;
}
.change {
  margin-right: 10px;
  font-size: 14px;
}
.change .p-ico {
  background-position: -35px -303px;
  width: 23px;
  height: 24px;
  margin-right: 5px;
}
.change:hover .p-ico {
  background-position: -35px -335px;
}
.mbar-outer {
  position: fixed;
  z-index: 999;
  top: 0;
  width: 30px;
  overflow: visible;
  right: 0;
  bottom: 0;
  background: #000;
  color: #fff;
}
.mbar-outer .mbar-tabs {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -260px;
}
.mbar-outer .mbar-tabs a {
  color: #fff;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  vertical-align: middle;
  position: relative;
}
.mbar-outer .mbar-tabs a .hover-block {
  width: 0;
  position: absolute;
  top: 50%;
  right: 0;
  transition: all 0.4s;
  padding-right: 10px;
}
.mbar-outer .mbar-tabs a .hover-block .hover-bd {
  background-color: #fff;
  text-align: left;
  color: #333;
  padding: 10px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 7px #ccc;
  -webkit-box-shadow: 0px 0px 7px #ccc;
  box-shadow: 0px 0px 7px #ccc;
}
.mbar-outer .mbar-tabs a .hover-block .hover-bd span {
  display: inline-block;
}
.mbar-outer .mbar-tabs a .hover-block .hover-bd .arrowright {
  width: 7px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 50%;
  margin-top: -6px;
  background-position: -273px -18px;
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
}
.mbar-outer .mbar-tabs a .hover-block,
.mbar-outer .mbar-tabs a .hover-bd,
.mbar-outer .mbar-tabs a .hover-bd a {
  opacity: 0;
  filter: alpha(opacity=0);
}
.mbar-outer .mbar-tabs a:hover {
  background: #0c7dd4;
}
.mbar-outer .mbar-tabs a:hover .hover-block,
.mbar-outer .mbar-tabs a:hover .hover-bd,
.mbar-outer .mbar-tabs a:hover .hover-bd a,
.mbar-outer .mbar-tabs a:hover .hover-bd .arrowright {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mbar-outer .mbar-tabs a:hover .hover-block {
  width: auto;
  right: 32px;
}
.mbar-outer .mbar-tabs a span.txt {
  width: 20px;
  display: inline-block;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  line-height: 120%;
}
.mbar-outer .mbar-tabs a .p-ico {
  width: 22px;
  height: 22px;
  margin-bottom: 5px;
}
.mbar-outer .mbar-tabs a .c1 {
  background-position: -52px -217px;
}
.mbar-outer .mbar-tabs a .c2 {
  background-position: -27px -240px;
}
.mbar-outer .mbar-tabs a .c3 {
  background-position: -78px -218px;
}
.mbar-outer .mbar-tabs a .c4 {
  background-position: -104px -218px;
}
.mbar-outer .mbar-tabs a .c5 {
  background-position: 0 0;
  width: 16px;
  height: 20px;
  margin-bottom: 2px;
}
.mbar-outer .mbar-tabs a .c6 {
  background-position: -130px -218px;
  width: 24px;
  height: 24px;
}
.mbar-outer .mbar-tabs a .c7 {
  background-position: -55px -245px;
}
.mbar-outer .mbar-tabs a .c8 {
  background-position: -80px -245px;
}
.mbar-outer .mbar-tabs a .telphone-ico {
  background-position: -69px -299px;
  width: 49px;
  height: 46px;
  margin-right: 10px;
}
.mbar-outer .mbar-tabs a .redround-ico {
  background-position: -247px -82px;
  width: 15px;
  height: 15px;
  line-height: 14px;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  margin-top: 5px;
}
.mbar-outer .mbar-tabs .current {
  background: #0c7dd4;
}
span.time_icon {
  background-position: -93px -4px;
  width: 12px;
  height: 14px;
  margin-right: 6px;
}
.val-item {
  color: #fff;
  font-size: 50px;
  height: 90px;
  line-height: 90px;
}
.val-item span {
  color: #fff;
  font-size: 50px !important;
  height: 90px;
  width: 40px;
  margin-left: 7px;
  overflow: hidden;
  text-align: center;
  background-color: #0c7dd4;
  display: inline-block;
}
.val-item span.dh {
  font-size: 54px;
  margin: 0 0 0 5px;
  background: none;
  width: auto;
  color: #0c7dd4;
}
.date-cont {
  width: 130px;
  height: 130px;
  overflow: hidden;
  position: relative;
  margin: 0 auto 30px;
  padding-top: 30px;
}
.date-cont .process {
  width: 130px;
  height: 130px;
  overflow: hidden;
}
.date-cont .date-info {
  width: 130px;
  height: 130px;
  position: absolute;
  top: 30px;
  left: 0;
  color: #0c7dd4;
  line-height: 130px;
  text-align: center;
  font-size: 30px;
}
.map-box .map-pic {
  position: absolute;
  top: -22px;
  left: 67px;
  z-index: 1;
}
.map-box .numtip {
  position: absolute;
  top: 110px;
  right: 10px;
  z-index: 1;
  width: 78px;
  text-align: center;
}
/*首页二级切换菜单样式*/
.tabheadtow {
  padding-right: 12px;
  position: relative;
  height: 30px;
}
.tabheadtow .title {
  font-size: 16px;
  padding-left: 15px;
  display: inline-block;
  line-height: 33px;
  color: #fff;
  background: url("../images/icon_home.png") no-repeat -46px 0;
  width: 100px;
  height: 35px;
  position: absolute;
  top: -6px;
}
.tabheadtow .more {
  color: #0c7dd4;
  font-size: 14px;
  font-weight: normal;
  margin-right: 0;
  position: relative;
  top: 8px;
  float: right;
}
.tabheadtow .more:hover {
  color: #0c7dd4;
  text-decoration: underline;
}
.tabheadtow .tabitemstwo {
  position: absolute;
  bottom: -1px;
  left: 130px;
}
.tabheadtow .tabitemstwo li {
  float: left;
  padding: 0 20px;
  line-height: 54px;
  font-size: 16px;
  cursor: pointer;
}
.tabheadtow .tabitemstwo .hover {
  border-bottom: 4px solid #0c7dd4;
  color: #0c7dd4;
}
.tabbody .items li {
  float: left;
  width: 120px;
  display: inline-block;
  border: 1px solid #0c7dd4;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #0c7dd4;
  cursor: pointer;
  margin-left: 10px;
  margin-top: 10px;
}
.tabbody .items .hover {
  background-color: #0c7dd4;
  color: #fff;
}
.newslist li {
  line-height: 35px;
  font-size: 15px;
}
.newslist li a {
  width: 80%;
  display: block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newslist li a:before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #ccc;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  top: -2px;
}
.newslist li a:hover:before {
  background-color: #0c7dd4;
}
.newslist li a.wfull {
  width: 100%;
}
.newslist li .date {
  float: right;
  text-align: right;
  width: 88px;
  color: #999;
}
.newslist .first a {
  color: #0c7dd4;
  font-size: 16px;
}
.w350 .newslist li a {
  width: 70%;
  display: block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.w350 .newslist li a:before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #ccc;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  top: -2px;
}
.w350 .newslist li a:hover:before {
  background-color: #0c7dd4;
}
.w350 .newslist li .date {
  float: right;
  text-align: right;
  width: 88px;
  color: #999;
}
.newslist-1 li {
  line-height: 32px;
  font-size: 15px;
}
.newslist-1 li a {
  width: 100%;
  height: 32px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newslist-1 li a:before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #ccc;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  top: -2px;
}
.newslist-1 li a:hover:before {
  background-color: #0c7dd4;
}
.newslist-2 li {
  line-height: 48px;
  height: 48px;
  vertical-align: bottom;
  border-bottom: 1px dotted #e8e8e8;
}
.newslist-2 li a {
  width: 76%;
  height: 48px;
  display: block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
}
.newslist-2 li .date {
  float: right;
  text-align: right;
  width: 78px;
  color: #999;
  font-size: 14px;
}
.newslist-2 li .dot {
  background-color: #0c7dd4;
  width: 4px;
  height: 4px;
  display: inline-block;
  margin-right: 10px;
  float: left;
  margin-top: 23px;
}
.newslist-2 li .talk-ico {
  width: 26px;
  height: 22px;
  background-position: -293px 0;
  display: inline-block;
  margin-right: 10px;
  float: left;
  margin-top: 13px;
}
.newslist-3 li {
  line-height: 48px;
  height: 48px;
  vertical-align: bottom;
  border-bottom: 1px dotted #e8e8e8;
}
.newslist-3 li a {
  width: 76%;
  height: 48px;
  display: block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  color: #999;
}
.newslist-3 li a:hover {
  color: #0c7dd4;
}
.newslist-3 li .date {
  float: right;
  text-align: right;
  width: 78px;
  color: #999;
  font-size: 14px;
}
.newslist-3 li .email-ico {
  background-position: -269px -36px;
  width: 17px;
  height: 18px;
  margin-right: 10px;
  float: left;
  margin-top: 14px;
}
.newslist-3 .unread a {
  color: #333;
}
.newslist-3 .unread .email-ico {
  background-position: -246px -37px;
}
.new-pic-txt {
  margin-bottom: 10px;
  height: 68px;
  overflow: hidden;
}
.new-pic-txt .pic {
  float: left;
  width: 120px;
  height: 68px;
  margin-right: 10px;
}
.new-pic-txt .pic img {
  width: 120px;
  height: 68px;
}
.new-pic-txt dd {
  float: left;
  width: 200px;
}
.new-pic-txt dd .title {
  display: block;
  font-weight: bold;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
}
.new-pic-txt dd .txt {
  color: #999;
  line-height: 20px;
  height: 40px;
  margin-top: 5px;
  display: block;
  overflow: hidden;
}
.linklist li {
  margin-left: 10px;
  width: 228px;
  float: left;
  margin-bottom: 10px;
}
.linklist li img {
  width: 228px;
  height: 60px;
}
.m-notice-detail {
  padding: 0 20px;
}
.m-notice-detail .notice-tit {
  font-size: 24px;
  font-weight: bold;
  padding-top: 10px;
}
.m-notice-detail .notice-info {
  color: #999;
  border-bottom: 1px dotted #e8e8e8;
  padding: 10px 0 20px;
  margin-bottom: 20px;
}
.m-notice-detail .notice-bd {
  line-height: 1.8;
  padding-bottom: 15px;
}
.m-notice-detail .notice-bd p {
  text-indent: 2em;
  margin-bottom: 5px;
}
.m-notice-detail .notice-bd p span {
  display: inline;
}
.helpwrap {
  background: #f8f8f8;
  position: relative;
}
.helpwrap .left {
  width: 218px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.helpwrap .left .helptitle {
  background: #0c7dd4;
  color: #fff;
  padding-left: 20px;
  height: 54px;
  line-height: 54px;
  font-size: 18px;
  font-weight: bold;
}
.helpwrap .left .helptitle .help-ico {
  background-position: -241px 0;
  width: 29px;
  height: 32px;
  margin-right: 5px;
}
.helpwrap .left .help-navlist {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 852px;
}
.helpwrap .left .help-navlist li {
  line-height: 50px;
  font-size: 16px;
  position: relative;
}
.helpwrap .left .help-navlist li a {
  display: inline-block;
  padding: 0 20px;
  border-bottom: 1px solid #e8e8e8;
  box-sizing: border-box;
  width: 100%;
}
.helpwrap .left .help-navlist li a:hover .arrow-left,
.helpwrap .left .help-navlist li a:hover .arrow-left-1 {
  background-position: -273px 0;
}
.helpwrap .left .help-navlist li .sub-list {
  border-bottom: 1px solid #e8e8e8;
  padding: 5px 0;
  background-color: #fff;
}
.helpwrap .left .help-navlist li .sub-list li {
  line-height: 30px;
}
.helpwrap .left .help-navlist li .sub-list li.current-1 a {
  color: #0c7dd4;
}
.helpwrap .left .help-navlist li .sub-list a {
  color: #666;
  border-bottom: 0;
  padding-left: 38px;
  font-size: 14px;
}
.helpwrap .left .help-navlist li .sub-list a:hover {
  color: #0c7dd4;
}
.helpwrap .left .help-navlist li .arrow-left,
.helpwrap .left .help-navlist li .arrow-left-1 {
  background-position: -283px 0;
  width: 7px;
  height: 13px;
  margin-right: 8px;
  margin-left: 6px;
}
.helpwrap .left .help-navlist .current a {
  color: #0c7dd4;
  background: #fff;
  width: 100%;
  padding-left: 19px;
}
.helpwrap .left .help-navlist .current a:hover .arrow-left-1 {
  background-position: -368px 0;
}
.helpwrap .left .help-navlist .current a .arrow-left {
  background-position: -273px 0;
}
.helpwrap .left .help-navlist .current a .arrow-left-1 {
  width: 13px;
  height: 7px;
  background-position: -368px 0;
  margin-right: 2px;
  position: relative;
  left: -3px;
}
.helpwrap .left .help-navlist-1 {
  width: 100%;
  position: absolute;
  top: 54px;
  bottom: 0;
  overflow: auto;
}
.helpwrap .right {
  width: 980px;
  margin-left: 218px;
  border-left: 1px solid #e8e8e8;
  background: #fff;
}
.helpwrap .w661 {
  width: 661px;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #666666;
}
.return-btn {
  width: 100px;
  right: 0;
  bottom: 19px;
}
.about_banner {
  width: 100%;
  height: 250px;
  background: url("../images/aboutus_banner.png") no-repeat;
}
.aboutusbox {
  width: 763px;
  font-size: 16px;
}
.aboutusbox p {
  text-indent: 2em;
  margin-bottom: 20px;
  line-height: 180%;
}
.aboutusbox .txtlist {
  padding-left: 40px;
  position: relative;
  text-indent: 0;
}
.aboutusbox .yes_ico {
  position: absolute;
  top: 5px;
  left: 0;
}
.aboutusbox .yes_ico_1 {
  position: absolute;
  top: -3px;
  left: 0;
}
.linkus_banner {
  width: 100%;
  height: 250px;
  background: url("../images/linkus_banner.jpg") no-repeat;
}
.p30 {
  padding: 30px;
}
.data-box .time-panel {
  font-size: 14px;
  color: #999;
  border-bottom: 1px solid #e7e7e7;
  padding: 15px 0 15px 0;
  margin-bottom: 20px;
}
.data-box .bor-b {
  border-bottom: 1px solid #f5f3f1;
  padding-bottom: 10px;
}
.data-box .data-panel {
  margin-bottom: 15px;
}
.data-box .data-num {
  color: #0c7dd4;
  line-height: 42px;
}
.h240 {
  height: 240px;
}
.h210 {
  height: 210px;
}
.h300 {
  height: 300px;
}
.learning-time-panel {
  height: 100px;
}
.learning-time-panel .tit {
  width: 189px;
  line-height: 100px;
  background: url("../images/learning-time-bg.png") no-repeat;
  color: #fff;
  font-size: 26px;
  text-align: center;
}
.learning-time-panel .ui-btn {
  width: 120px;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
}
.student-panel {
  height: 382px;
}
.student-panel .panel-tit {
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  background-color: #f2f2f2;
  font-size: 14px;
  padding: 0;
  border-bottom: none;
  margin: 0;
}
.student-panel .panel-list li {
  height: 38px;
  line-height: 38px;
  border-bottom: 1px dashed #e8e8e8;
  color: #666;
}
.student-panel .sp1,
.student-panel .sp2,
.student-panel .sp3 {
  display: inline-block;
  vertical-align: middle;
}
.student-panel .sp1 {
  text-align: center;
  width: 18%;
}
.student-panel .sp2 {
  width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.student-panel .sp3 {
  text-align: center;
  width: 28%;
}
.tips-box {
  background-color: #fff3f3;
  color: #f0182b;
  border: 1px dashed #f0182b;
  line-height: 33px;
}
.learning-result-box {
  padding: 20px 0 40px;
  border-top: 1px dashed #ddd;
}
.course-detail-panel {
  padding: 30px 60px;
}
.course-detail-panel .detail-hd {
  padding-bottom: 20px;
  border-bottom: 1px dashed #ddd;
  text-align: center;
}
.course-detail-panel .detail-tit {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}
.course-detail-panel .detail-bd {
  line-height: 1.8;
}
.sidebar-panel {
  position: fixed;
  left: 50%;
  margin-left: 580px;
  bottom: 300px;
  z-index: 999;
  font-size: 12px;
}
.sidebar-panel .sidebar-items {
  display: block;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
}
.sidebar-panel .sidebar-items:hover .items-bd {
  background-color: #e84f47;
}
.sidebar-panel .sidebar-items:hover .items-hover {
  -webkit-animation-name: fadeInRightTiny;
  -moz-animation-name: fadeInRightTiny;
  -o-animation-name: fadeInRightTiny;
  animation-name: fadeInRightTiny;
  width: auto;
  display: block;
}
.sidebar-panel .items-bd {
  width: 64px;
  height: 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #eb645d;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
}
.sidebar-panel .ico {
  width: 28px;
  height: 28px;
  background: url("../images/sidebar-icon_hashf06770a2a4.png") no-repeat;
  position: relative;
  top: 5px;
  margin-top: 3px;
  margin-bottom: 2px;
}
.sidebar-panel .ico-top {
  height: 40px;
  margin-top: 10px;
  top: 0;
}
.sidebar-panel .ico-gzh {
  background-position: 0 -50px;
}
.sidebar-panel .ico-xcx {
  background-position: 0 -80px;
}
.sidebar-panel .ico-bzzx {
  background-position: 0 -110px;
}
.sidebar-panel .ico-fwrx {
  background-position: 0 -140px;
}
.sidebar-panel .ico-khd {
  background-position: 0 -170px;
}
.sidebar-panel .ico-qd {
  background-position: 0 -200px;
}
.sidebar-panel .items-hover {
  display: none;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  width: 0;
  position: absolute;
  right: 70px;
  top: 0;
  background-color: #fff;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #ddd;
  font-size: 15px;
}
.sidebar-panel .items-hover:before {
  content: "";
  width: 0;
  height: 0;
  border: 6px solid;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  right: -12px;
  top: 24px;
  z-index: 2;
}
.sidebar-panel .items-hover:after {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid;
  border-color: transparent transparent transparent #ddd;
  position: absolute;
  right: -16px;
  top: 22px;
  z-index: 1;
}
.sidebar-panel .items-hover .qr-code-img {
  width: 120px;
  height: 120px;
}
.sidebar-panel .items-hover .img-180 {
  width: 180px;
  height: 180px;
}
.sidebar-panel .sidebar-items-xcx {
  display: block;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
}
.sidebar-panel .sidebar-items-xcx .items-hover {
  width: auto;
  display: none;
}
.sidebar-panel .sidebar-items-xcx .items-hover .qr-code-img {
  width: 180px;
  height: 180px;
}
.sidebar-panel .sidebar-items-xcx:hover .items-bd {
  background-color: #e84f47;
}
.sidebar-panel .sidebar-items-xcx:hover .items-hover {
  width: auto;
  display: block;
}
.ul-form {
  margin-top: 10px;
}
.ul-form li {
  margin-bottom: 10px;
}
.ul-form li .left-txt {
  width: 110px;
  text-align: right;
}
.ul-form li .left-txt i {
  font-style: normal;
  color: #f00;
  position: relative;
  top: 2px;
  left: -5px;
}
.bg-g {
  background-color: #f2f2f2;
  padding: 10px 15px;
  line-height: 2;
}
.panel-tit {
  font-size: 20px;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  margin: 30px 0;
  font-weight: bold;
}
.player-panel {
  height: 630px;
  background-color: #7b7c82;
}
.m-array-style-2 {
  height: 36px;
  background-color: #f8f8f8;
  border: 1px solid #e8e8e8;
  line-height: 34px;
  padding-left: 10px;
  position: relative;
}
.m-array-style-2 .title {
  display: inline-block;
  width: 93px;
  text-align: right;
  font-weight: bold;
}
.m-array-style-2 .t-r:hover {
  color: #e53930;
}
.m-array-style-2 .conditions-btn {
  display: inline-block;
  background-color: #fff;
  padding-left: 8px;
  padding-right: 30px;
  line-height: 24px;
  height: 24px;
  font-size: 12px;
  color: #333;
  margin-top: 5px;
  margin-right: 5px;
  border: 1px solid #ddd;
  position: relative;
  vertical-align: top;
}
.m-array-style-2 .conditions-btn .txt {
  color: #0c7dd4;
}
.m-array-style-2 .conditions-btn .close-ico {
  background-position: -94px -374px;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-left: 5px;
  position: absolute;
  top: 0;
  right: 0;
}
.m-array-style-2 .conditions-btn:hover {
  border: 1px solid #0c7dd4;
  text-decoration: none;
}
.m-array-style-2 .conditions-btn:hover:hover {
  text-decoration: none;
}
.m-array-style-2 .conditions-btn:hover .close-ico {
  background-position: -94px -389px;
  background-color: #0c7dd4;
}
.m-array-style-2 .conditions-btn-2 {
  padding-right: 5px;
}
.m-array-style-2 .clear-btn {
  display: inline-block;
  color: #666;
  font-size: 12px;
}
.m-array-style-2 .clear-btn:hover {
  color: #0c7dd4;
  text-decoration: none;
}
.m-account {
  position: relative;
}
.m-account .account-tit {
  height: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  box-sizing: content-box;
}
.m-account .account-tit a {
  font-size: 16px;
  display: inline-block;
  line-height: 29px;
  margin-right: 30px;
  padding: 0 15px 5px;
}
.m-account .account-tit a:hover {
  color: #0c7dd4;
  text-decoration: none;
}
.m-account .account-tit .current {
  color: #0c7dd4;
  border-bottom: 3px solid #0c7dd4;
}
.m-account .ul-form {
  margin-bottom: 30px;
}
.m-account .ul-form li {
  line-height: 35px;
}
.m-account .ul-form li .a-txt {
  color: #0c7dd4;
  text-decoration: underline;
}
.m-account .ul-form li .ui-btn {
  width: 120px;
  height: 35px;
  line-height: 35px;
  margin-top: 10px;
}
.m-account .ul-form .l-t {
  width: 160px;
}
.m-account .ul-form .ipt {
  width: 250px;
  color: #777;
  line-height: 1.5;
}
.m-account .ul-form .ipt-m {
  width: 100px;
}
.m-account .ul-form .w4 {
  width: 400px;
}
.m-account .m-img {
  position: absolute;
  top: 90px;
  right: 50px;
}
.m-account .m-img img {
  width: 160px;
  height: 160px;
  display: block;
  border: 1px solid #ddd;
  padding: 5px;
  background-color: #fff;
}
.m-account .upload {
  width: 100px;
  height: 30px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}
.m-account .upload:hover .btn-o {
  background-color: #ffbe51;
}
.m-account .upload .ui-btn {
  width: 100px;
  height: 30px;
  line-height: 30px;
}
.m-account .upload .file {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  text-indent: -999px;
}
.training-institutions .tit-box {
  height: 65px;
  line-height: 65px;
  font-size: 20px;
  text-align: center;
  position: relative;
  background-color: #0c7dd4;
  color: #fff;
}
.training-institutions .tit-box:after {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid;
  border-color: #0c7dd4 transparent transparent transparent;
  position: absolute;
  bottom: -16px;
  left: 52px;
}
.training-institutions .tit-box .p-ico {
  width: 46px;
  height: 46px;
  background-position: -180px -300px;
  margin-right: 8px;
}
.training-institutions .institutions-items {
  margin-top: 10px;
}
.training-institutions .items {
  padding: 13px 15px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px dashed #ddd;
}
.training-institutions .items:hover {
  color: #0c7dd4;
}
.training-institutions .items .p-ico {
  width: 20px;
  height: 20px;
  background-position: -140px -245px;
  margin-right: 10px;
}
.training-institutions .more {
  color: #0c7dd4;
  margin-top: 10px;
}
.training-institutions .more:hover {
  text-decoration: underline;
}
.training-institutions-1 {
  border-top: 0;
}
.training-institutions-1 .items {
  display: inline-block;
  width: 43%;
  border-bottom: 0;
  background-color: #f2f2f2;
  margin: 0 5px 10px;
}
.stop-serve-panel {
  width: 547px;
  height: 588px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -294px 0 0 -274px;
  background: url("../images/stop-serve-bg.png");
}
.stop-serve-panel .p-1 {
  position: absolute;
  top: 212px;
  left: 250px;
  color: #fff;
  font-size: 36px;
  text-align: center;
}
.stop-serve-panel .p-2 {
  width: 410px;
  position: absolute;
  top: 395px;
  left: 70px;
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
}
.stop-serve-panel .p-2 .s-1 {
  font-size: 16px;
  color: #f00;
  padding-top: 15px;
  font-weight: normal;
}
.com-title {
  border-bottom: 1px solid #ddd;
  font-size: 15px;
}
.com-title .title {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 5px;
  display: inline-block;
}
.recognition-tip {
  background: url("../images/recognition_bg.png") no-repeat;
  width: 360px;
  height: 357px;
  line-height: 130%;
  position: absolute;
  right: 0;
  top: 0;
  border: 1px dashed #e53930;
  font-size: 15px;
  padding: 18px 15px 15px;
}
.recognition-tip p {
  text-indent: 2em;
  line-height: 24px;
}
.recognition-tip .title {
  position: absolute;
  background-color: #fff;
  padding: 0 15px;
  top: -10px;
  left: 138px;
  font-size: 22px;
  font-weight: bold;
  color: #e53930;
}
a.face_recognition {
  display: block;
  border: 1px solid #0c7dd4;
  width: 180px;
  height: 252px;
  background: #fff;
  text-align: center;
  font-size: 18px;
  color: #0c7dd4;
  margin-bottom: 10px;
}
a.face_recognition .face-ico {
  width: 102px;
  height: 102px;
  background-position: -170px -438px;
  margin-top: 45px;
  margin-bottom: 15px;
}
.big-btn {
  width: 170px;
  height: 48px;
  line-height: 48px;
  font-weight: bold;
  font-size: 16px;
}
.bor-t {
  border-top: 1px dashed #ddd;
}
.p-ico.plaint-ico {
  width: 58px;
  height: 58px;
  background-position: -281px -428px;
}
.wx-qrcode {
  width: 160px;
  height: 160px;
}
.wx-refresh {
  width: 72px;
  height: 72px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -36px 0 0 -36px;
  display: inline-block;
}
.p-ico.ico-worm {
  background-position: -136px -4px;
  width: 13px;
  height: 20px;
  margin-right: 3px;
}
.city-list li {
  float: left;
  width: 96px;
  height: 55px;
  margin-left: 12px;
}
.city-list li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  box-sizing: border-box;
  color: #fff;
  font-size: 15px;
  line-height: 55px;
  background: url("../images/city_bg.jpg") no-repeat;
}
.city-list li a:hover {
  text-decoration: underline;
}
.city-list li .fz {
  background-position: -96px 0;
}
.city-list li .pt {
  background-position: -192px 0;
}
.city-list li .qz {
  background-position: -288px 0;
}
.city-list li .xm {
  background-position: -384px 0;
}
.city-list li .zz {
  background-position: -480px 0;
}
.city-list li .ly {
  background-position: -576px 0;
}
.city-list li .sm {
  background-position: -672px 0;
}
.city-list li .np {
  background-position: -768px 0;
}
.city-list li .nd {
  background-position: -864px 0;
}
.city-list li .ptzh {
  background-position: -960px 0;
  line-height: 18px;
  padding-top: 10px;
}
.iptform-index {
  font-size: 15px;
  line-height: 22px;
}
.ui-btn-index {
  font-size: 15px;
  line-height: 38px;
  height: 38px;
}
.help-list-index li {
  width: 185px;
  float: left;
  margin-left: 10px;
}
.help-list-index li a {
  display: inline-block;
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #0c7dd4;
  box-sizing: border-box;
  font-size: 17px;
  color: #0c7dd4;
}
.help-list-index li a:hover {
  background-color: #0c7dd4;
  color: #fff;
}
.help-list-index li a:hover .p-ico.help-ico-1 {
  background-position: -283px -523px;
}
.help-list-index li a:hover .p-ico.help-ico-2 {
  background-position: -309px -523px;
}
.help-list-index li a:hover .p-ico.help-ico-3 {
  background-position: -335px -523px;
}
.help-list-index li a .p-ico {
  width: 20px;
  height: 24px;
  margin-right: 7px;
}
.help-list-index li a .p-ico.help-ico-1 {
  background-position: -283px -497px;
}
.help-list-index li a .p-ico.help-ico-2 {
  background-position: -309px -497px;
}
.help-list-index li a .p-ico.help-ico-3 {
  background-position: -335px -497px;
}
.category-bg {
  background: #2b333b;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 260px;
  height: 320px;
  position: relative;
  z-index: 2;
}
.category {
  width: 240px;
  height: 320px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding-left: 20px;
}
.category .category-tit {
  line-height: 56px;
  font-size: 17px;
  color: #fff;
}
.category .category-tit .tit {
  width: 16px;
  height: 14px;
  background-position: 0 0;
  vertical-align: -1px;
  margin-right: 5px;
}
.category .category-tit .tips {
  width: 16px;
  height: 17px;
  background-position: -20px 0;
  vertical-align: -1px;
  margin: 20px 20px 0 0;
}
.category .category-tit .tips .tips-c {
  opacity: 0;
  display: none;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  font-size: 14px;
  line-height: 1.5;
  position: absolute;
  left: -14px;
  top: 32px;
  width: 216px;
  z-index: 9;
  background-color: #fff5f4;
  border: 1px solid #0c7dd4;
  border-radius: 5px;
  color: #000;
  padding: 5px 8px;
}
.category .category-tit .tips .tips-c:after {
  content: " ";
  width: 0;
  height: 0;
  border: 6px solid;
  border-color: transparent transparent #fff5f4 transparent;
  position: absolute;
  left: 20px;
  top: -12px;
  margin-left: -6px;
}
.category .category-tit .tips .tips-c:before {
  content: " ";
  width: 0;
  height: 0;
  border: 7px solid;
  border-color: transparent transparent #0c7dd4 transparent;
  position: absolute;
  left: 13px;
  top: -14px;
}
.category .category-tit .tips:hover .tips-c {
  opacity: 1;
  -webkit-animation-name: fadeInUpTiny;
  -moz-animation-name: fadeInUpTiny;
  -o-animation-name: fadeInUpTiny;
  animation-name: fadeInUpTiny;
  display: block;
}
.category .btn-box {
  margin-top: 10px;
  padding-right: 20px;
  text-align: center;
}
.category .btn-box a {
  width: 220px;
  height: 40px;
  line-height: 40px;
  margin: 5px auto 12px;
  display: inline-block;
  background-color: #0c7dd4;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
  box-sizing: border-box;
}
.category .btn-box a:active {
  outline: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.category .btn-box a:hover {
  background-color: #2197f2;
}
.category .btn-box .lh30 {
  line-height: 20px;
  padding-top: 4px;
}
.category .btn-box .gray {
  background: #ccc;
}
.category .btn-box .gray:hover {
  background: #ccc;
}
.category .btn-box-2 {
  padding-right: 20px;
  text-align: center;
}
.category .btn-box-2 a {
  width: 220px;
  height: 34px;
  line-height: 34px;
  margin: 5px auto 3px;
  display: inline-block;
  background-color: #0c7dd4;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
  box-sizing: border-box;
}
.category .btn-box-2 a:active {
  outline: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.category .btn-box-2 a:hover {
  background-color: #2197f2;
}
.category .btn-box-2 .lh30 {
  line-height: 20px;
  padding-top: 4px;
}
.category .btn-box-2 .gray {
  background: #ccc;
}
.category .btn-box-2 .gray:hover {
  background: #ccc;
}
.category .btn-box-3 {
  padding-right: 20px;
  text-align: center;
}
.category .btn-box-3 a {
  width: 220px;
  height: 40px;
  line-height: 40px;
  margin: 5px auto 5px;
  display: inline-block;
  background-color: #0c7dd4;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
  box-sizing: border-box;
}
.category .btn-box-3 a:active {
  outline: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.category .btn-box-3 a:hover {
  background-color: #2197f2;
}
.category .btn-box-3 .lh30 {
  line-height: 20px;
  padding-top: 4px;
}
.category .btn-box-3 .gray {
  background: #ccc;
}
.category .btn-box-3 .gray:hover {
  background: #ccc;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mn {
  width: 239px;
  padding: 0 10px 9px 12px;
  border-left: 0;
  border-right: 0;
  overflow: hidden;
  position: relative;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mn a {
  color: #fff;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mn a:hover {
  color: #0c7dd4;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mn a:hover:before {
  background-color: #0c7dd4;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mn a.title {
  display: block;
  font-size: 16px;
  margin-top: 9px;
  margin-bottom: 8px;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mn .link-item {
  font-size: 14px;
  display: inline-block;
  float: left;
  width: 50%;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mn .link-item:before {
  content: "";
  width: 3px;
  height: 3px;
  background-color: #fff;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: -3px;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mn p {
  line-height: 25px;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mn p span {
  padding: 0 5px;
  font-size: 12px;
}
.nav-bar-list .list-wrap .nav-bar-item:first-child .item-mn {
  border-top: 0;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mnc {
  position: absolute;
  top: 66px;
  left: 260px;
  padding: 15px 15px 5px;
  width: 630px;
  border: 2px solid #da9804;
  border-left: 0;
  background-color: #fff;
  z-index: 102;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mnc dl {
  margin: 0 0 10px;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mnc dl dt {
  width: 100%;
  line-height: 22px;
  height: 22px;
  font-size: 14px;
  margin-bottom: 10px;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mnc dl dd {
  overflow: hidden;
  line-height: 22px;
  margin: 0;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mnc dl dd a {
  white-space: nowrap;
  padding: 0 10px;
  line-height: 40px;
  font-size: 14px;
  width: 100px;
  display: inline-block;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mnc dl dd a:before {
  content: "";
  width: 3px;
  height: 3px;
  background-color: #ccc;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: -3px;
}
.nav-bar-list .list-wrap .nav-bar-item .item-mnc dl dd a:hover:before {
  background-color: #0c7dd4;
}
.nav-bar-list .list-wrap .z-sel .item-mn {
  border: 1px solid #da9804;
  background-color: #fff;
  z-index: 102;
}
.nav-bar-list .list-wrap .z-sel .item-mn .link-item:before {
  content: "";
  width: 3px;
  height: 3px;
  background-color: #ccc;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: -3px;
}
.nav-bar-list .list-wrap .z-sel .item-mn a {
  color: #333;
}
.nav-bar-list .list-wrap .z-sel .item-mn a:hover {
  color: #0c7dd4;
}
.nav-bar-list .list-wrap hr {
  margin: 7px 0;
}
.course-my,
.m-login {
  width: 286px;
  height: 320px;
  background: #ecf6ff;
  float: right;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
.course-my .login-form,
.m-login .login-form {
  padding: 20px 25px 0;
  margin-bottom: 7px;
}
.course-my .login-form .p-ico,
.m-login .login-form .p-ico {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 11px;
  left: 8px;
}
.course-my .login-form .user-ico,
.m-login .login-form .user-ico {
  background-position: -220px -160px;
  top: 9px;
  left: 8px;
}
.course-my .login-form .code-ico,
.m-login .login-form .code-ico {
  background-position: -240px -160px;
}
.course-my .login-form .picode-ico,
.m-login .login-form .picode-ico {
  background-position: -264px -160px;
}
.course-my .login-form .openeye-ico,
.m-login .login-form .openeye-ico,
.course-my .login-form .closeye-ico,
.m-login .login-form .closeye-ico {
  background-position: -21px -20px;
  width: 21px;
  left: 206px;
}
.course-my .login-form .closeye-ico,
.m-login .login-form .closeye-ico {
  background-position: -20px -39px;
}
.course-my .login-form li,
.m-login .login-form li {
  margin-bottom: 13px;
  position: relative;
}
.course-my .login-form li .ui-ipt,
.m-login .login-form li .ui-ipt {
  width: 100%;
  text-indent: 22px;
  font-size: 15px;
  height: 40px;
  box-sizing: border-box;
}
.course-my .login-form li .ipt-s,
.m-login .login-form li .ipt-s {
  width: 147px;
  vertical-align: middle;
}
.course-my .login-form li .qr-code,
.m-login .login-form li .qr-code {
  width: 80px;
  height: 40px;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
}
.course-my .login-form li .qr-code img,
.m-login .login-form li .qr-code img {
  width: 78px;
  height: 38px;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.course-my .login-form .last,
.m-login .login-form .last {
  margin-bottom: 0;
}
.course-my .login-form .btn-login,
.m-login .login-form .btn-login {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 16px;
}
.course-my .login-form .wrong-tips,
.m-login .login-form .wrong-tips {
  position: absolute;
  left: 38px;
  bottom: 45px;
  width: 150px;
  text-align: center;
  z-index: 9;
  background-color: #f9e2e4;
  border: 1px solid #e53930;
  border-radius: 5px;
  color: #e53930;
  padding: 2px 5px;
}
.course-my .login-form .wrong-tips:after,
.m-login .login-form .wrong-tips:after {
  content: " ";
  width: 0;
  height: 0;
  border: 6px solid;
  border-color: #f9e2e4 transparent transparent transparent;
  position: absolute;
  left: 20px;
  bottom: -12px;
  margin-left: -6px;
}
.course-my .login-form .wrong-tips:before,
.m-login .login-form .wrong-tips:before {
  content: " ";
  width: 0;
  height: 0;
  border: 7px solid;
  border-color: #e53930 transparent transparent transparent;
  position: absolute;
  left: 13px;
  bottom: -14px;
}
.course-my .login-form-2,
.m-login .login-form-2 {
  padding-top: 18px;
}
.course-my .login-form-2 li,
.m-login .login-form-2 li {
  margin-bottom: 18px;
}
.course-my .plr15,
.m-login .plr15 {
  padding-left: 25px;
  padding-right: 25px;
  margin-top: 15px;
}
.course-my .face2,
.m-login .face2 {
  width: 44px;
  height: 44px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #369ceb;
  overflow: hidden;
  margin: 26px auto 15px;
}
.course-my .face2 img,
.m-login .face2 img {
  width: 44px;
  height: 44px;
}
.course-my .btn-box,
.m-login .btn-box {
  margin-left: 20px;
}
.course-my .btn-box a,
.m-login .btn-box a {
  width: 114px;
  height: 32px;
  line-height: 32px;
  margin: 0 14px 10px 0;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #0c7dd4;
  color: #0c7dd4;
  text-align: center;
  border-radius: 5px;
}
.course-my .btn-box a:active,
.m-login .btn-box a:active {
  outline: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.course-my .btn-box a:hover,
.m-login .btn-box a:hover {
  background-color: #0c7dd4;
  color: #fff;
}
.panklist li {
  line-height: 39px;
  height: 39px;
  font-size: 15px;
}
.panklist li span {
  display: inline-block;
}
.panklist li .w-1 {
  width: 18px;
  height: 18px;
  background-color: #0c7dd4;
  color: #fff;
  text-align: center;
  line-height: 18px;
  font-size: 16px;
  font-family: Arial;
  margin-right: 30px;
}
.panklist li .w-2 {
  width: 201px;
  text-align: center;
}
.panklist li .w-3 {
  width: 60px;
  text-align: right;
  padding-right: 10px;
}
.panklist .gray-bg {
  background-color: #f4f4f4;
}
.m-order-process-1 {
  width: 968px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 80px;
  position: relative;
  box-sizing: content-box;
}
.m-order-process-1 .process-line {
  width: 730px;
  height: 4px;
  background-color: #ddd;
  position: absolute;
  top: 40px;
  left: 200px;
}
.m-order-process-1 .process-line .current {
  height: 4px;
  background-color: #0c7dd4;
  position: absolute;
  left: 0;
  top: 0;
}
.m-order-process-1 .process-bd {
  position: relative;
  z-index: 9;
}
.m-order-process-1 .process-bd li {
  float: left;
  width: 25%;
  text-align: center;
  color: #bbb;
  font-size: 15px;
}
.m-order-process-1 .process-bd li .p-ico {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: #ddd;
}
.m-order-process-1 .process-bd li p {
  padding-top: 10px;
}
.m-order-process-1 .process-bd .li-ed {
  color: #0c7dd4;
}
.m-order-process-1 .process-bd .li-ed .p-ico {
  background: #0c7dd4;
}
.m-order-info .tit-block-1 {
  color: #0c7dd4;
  font-size: 16px;
  border-left: 4px solid #0c7dd4;
  height: 15px;
  line-height: 15px;
  padding-left: 5px;
  margin-bottom: 8px;
}
.pay-style li {
  width: 180px;
  height: 55px;
  border: 1px solid #ddd;
  padding: 1px;
  float: left;
  margin: 10px 20px 0 0;
  position: relative;
  box-sizing: content-box;
  text-align: center;
  cursor: pointer;
}
.pay-style li img {
  width: 160px;
  height: 55px;
}
.pay-style li .p-ico {
  width: 27px;
  height: 27px;
  background-position: -293px -218px;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 9;
}
.pay-style li:hover {
  border: 2px solid #0c7dd4;
  padding: 0;
}
.pay-style .current {
  border: 2px solid #0c7dd4;
  padding: 0;
}
.pay-style .current .p-ico {
  display: block;
}
.pay-style .dis {
  cursor: default;
}
.pay-style .dis:hover {
  border: 1px solid #ddd;
  padding: 1px;
}
.pay-style .ui-label .radio-a {
  margin-top: -30px;
}
.pay-style .ui-label .ipt-txt {
  padding-left: 17px;
}
.m-order-info .order-info-bd {
  margin-top: 10px;
  color: #333;
}
.m-order-info .order-info-bd .info-txt {
  line-height: 28px;
}
.m-order-info .order-info-bd span {
  display: inline-block;
  vertical-align: middle;
}
.m-order-info .order-info-bd .wp-3 {
  width: 33%;
}
.m-order-info .ul-form {
  color: #777;
}
.m-order-info .ul-form li {
  margin-bottom: 8px;
}
.m-order-info .ul-form li .w4 {
  width: 400px;
}
.m-order-info .ul-form .l-t {
  width: 100px;
  text-align: right;
  display: inline-block;
  margin-right: 5px;
  color: #333;
}
.m-order-info .ul-form .l-t1 {
  width: 120px;
}
.m-order-info .ul-form i {
  font-style: normal;
  color: #f00;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.m-order-info .ul-form .tips {
  color: #fb8181;
  padding-left: 8px;
  font-size: 12px;
}
.m-order-info .ul-form .tips .p-ico {
  width: 14px;
  height: 14px;
  background-position: -70px -290px;
  margin-right: 5px;
}
.m-order-info .ui-label-1 {
  position: absolute;
  top: 8px;
  left: 8px;
}
.block-gray {
  background-color: #f8f8f8;
  border: 1px solid #efefef;
}
.ipt-l {
  width: 240px;
}
.m-sum-bar-1 {
  height: 40px;
  line-height: 40px;
  border: 1px solid #efefef;
  width: 1159px;
  background: #efefef;
  box-sizing: content-box;
}
.m-sum-bar-1 .ui-btn {
  min-width: 90px;
  height: 42px;
  line-height: 42px;
  padding: 0 15px;
  font-size: 16px;
  color: #fff;
  position: relative;
  top: -1px;
  right: -1px;
  background: #f46b73;
}
.sidebar-panel-2 {
  position: fixed;
  right: 10px;
  margin-bottom: -100px;
  bottom: 50%;
  z-index: 999;
}
.sidebar-panel-2 .sidebar-items {
  background-color: #fff;
  border: 1px solid #0c7dd4;
  position: relative;
}
.sidebar-panel-2 .sidebar-items .items-bd {
  background-color: #0c7dd4;
  color: #fff;
  text-align: center;
  font-size: 15px;
  line-height: 30px;
}
.sidebar-panel-2 .close {
  position: absolute;
  top: -24px;
  right: 0;
  color: #0c7dd4;
  font-size: 15px;
}
.teacher-info-box {
  text-align: center;
}
.teacher-info-box li {
  display: inline-block;
  width: 25%;
  border: 1px dashed #ddd;
  border-radius: 10px;
  padding: 20px;
  text-align: left;
  word-break: break-all;
  margin: 10px 20px;
  height: 170px;
  overflow: hidden;
}
.teacher-info-box li:hover {
  border: 1px dashed #0c7dd4;
  -moz-box-shadow: 0px 5px 5px #999;
  -webkit-box-shadow: 0px 5px 5px #999;
  box-shadow: 0px 5px 5px #999;
  cursor: pointer;
}
.teacher-info-box li .title {
  font-weight: bold;
}
.teacher-info-box li .cont {
  height: 100px;
  overflow: hidden;
  display: inline-block;
}
.bb1-o {
  border-bottom: 1px solid #c4b182;
}
.p-ico.date-ico-s {
  position: absolute;
  left: 469px;
  top: 6px;
  width: 24px;
  height: 22px;
  background-position: -284px -320px;
  cursor: pointer;
}
.pic-banner {
  display: block;
}
.pic-banner img {
  display: block;
}
.registration-panel {
  width: 100%;
  background: #a8dbf4 url("../images/registration-bg_hashfe7c551246.jpg") no-repeat center top;
  padding: 100px 0;
}
.registration-panel .download-bar {
  width: 928px;
  height: 78px;
  line-height: 68px;
  font-size: 24px;
  color: #fff;
  margin: 40px auto;
  background: url("../images/registration-label_hashb81ed7daff.png") no-repeat;
  display: block;
  transition: all 0s;
  -moz-transition: all 0s;
  -webkit-transition: all 0s;
  -o-transition: all 0s;
}
.registration-panel .download-bar:hover {
  background-position: 0 -80px;
}
.registration-panel .download-bar .btn {
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px;
  background-color: #ffc923;
  color: #146ac2;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 50px;
}
.registration-panel .download-bar .btn:hover {
  background-color: #f9bc00;
}
.registration-panel .registration-step {
  width: 550px;
  height: 198px;
  border: 3px solid #3871ac;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #fff;
  -moz-box-shadow: 5px 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 5px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 5px 4px 0 rgba(0, 0, 0, 0.2);
  margin: 20px 0;
  box-sizing: border-box;
  padding: 20px 20px 20px 70px;
  position: relative;
}
.registration-panel .registration-step .num {
  width: 40px;
  height: 40px;
  background-color: #3871ac;
  color: #fff;
  line-height: 40px;
  text-align: center;
  font-size: 28px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  position: absolute;
  top: 20px;
  left: 20px;
}
.registration-panel .registration-step .tit {
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
}
.registration-panel .registration-step .tit .t-r:hover {
  color: #f0182b;
  text-decoration: underline;
}
.registration-panel .registration-step .bd {
  color: #666;
  line-height: 2;
  margin-top: 5px;
}
.registration-panel .arrow {
  margin: 100px 0 0 28px;
}
.registration-panel .telephone {
  height: 60px;
  padding: 0 30px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  font-size: 20px;
  line-height: 60px;
  background-color: #3871ac;
  opacity: .85;
  color: #fff;
  margin-top: 40px;
}
.latest-news {
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  background-color: #fcf9d1;
  border: 1px solid #f6ed84;
  color: #e53930;
  padding: 0 15px;
  box-sizing: border-box;
}
.latest-news .p-ico {
  width: 20px;
  height: 16px;
  background-position: -110px -40px;
  margin-right: 5px;
  vertical-align: top;
  margin-top: 6px;
}
.latest-news span {
  display: inline-block;
  line-height: 2;
  width: 95%;
}
.class-list {
  width: 1160px;
}
.class-list li {
  width: 270px;
  border: 1px solid #e8e8e8;
  float: left;
  margin: 15px 17px 10px 0;
  position: relative;
}
.class-list li:hover .img .tit {
  height: 152px;
}
.class-list li:hover .img .tit .tit-bg {
  height: 152px;
}
.class-list li:hover .img .tit .tit-txt {
  height: 80px;
  margin: 10px 0;
  padding: 0 20px;
  line-height: 1.5;
}
.class-list li:hover .img .hover-btn {
  opacity: 1;
  filter: alpha(opacity=100);
}
.class-list li .img {
  position: relative;
}
.class-list li .img img {
  width: 270px;
  height: 152px;
  display: block;
}
.class-list li .img .tit {
  width: 270px;
  height: 40px;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  transition: all .4s;
  overflow: hidden;
  z-index: 9;
}
.class-list li .img .tit .tit-bg {
  width: 270px;
  height: 40px;
  background-color: #000;
  opacity: .6;
  filter: alpha(opacity=60);
  position: absolute;
  top: 0;
  left: 0;
  transition: all .4s;
}
.class-list li .img .tit .tit-txt {
  height: 40px;
  position: relative;
  z-index: 2;
  padding: 0 10px;
  font-size: 14px;
  line-height: 1.2;
  overflow: hidden;
}
.class-list li .img .tit .tit-txt:after {
  display: inline-block;
  width: 0;
  height: 100%;
  content: "center";
  vertical-align: middle;
  overflow: hidden;
}
.class-list li .img .tit .tit-txt span {
  display: inline-block;
  vertical-align: middle;
}
.class-list li .img .tit .tit-txt .hide {
  display: none;
}
.class-list li .img .hover-btn {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  z-index: 2;
}
.class-list li .info {
  height: 52px;
  font-size: 13px;
  padding: 5px 6px;
  box-sizing: border-box;
}
.class-list li .info1 {
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
}
.class-list li .op {
  height: 42px;
  line-height: 30px;
  box-sizing: border-box;
  border-top: 1px dashed #e8e8e8;
  padding: 5px 5px 5px 10px;
}
.class-list li .op .price {
  color: #e53930;
  line-height: 30px;
  font-weight: bold;
}
.class-list li .process {
  height: 4px;
  width: 100%;
  background-color: #eee;
  position: relative;
}
.class-list li .process .current {
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #0c7dd4;
}
.class-list .year {
  width: 55px;
  height: 52px;
  background-position: -60px -120px;
  position: absolute;
  top: -1px;
  right: 10px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
}
.class-list .btn-dis {
  color: #999;
  border-color: #bbb;
  background-color: #eee;
  cursor: default;
}
.class-list .hover-btn {
  margin: 0 20px;
  width: auto;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background-color: #1971b6;
  border: 0;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: block;
}
.class-list .hover-btn:hover {
  background-color: #1c7fcc;
}
.class-list .m-label {
  padding: 4px 10px;
  -webkit-border-radius: 0 0 5px 0;
  -moz-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
  background-color: #f36760;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.class-list .m-label.lsz {
  background-color: #ef952b;
}
.class-list .m-label.pzh {
  background-color: #f36760;
}
.class-list-1 {
  margin-left: 10px;
}
.class-list-1 li {
  margin: 15px 9px 10px 0;
}
.cert-panel .ui-label {
  width: 130px;
  margin-top: 5px;
}
.cert-panel .items {
  border-bottom: 1px dashed #ddd;
  margin-bottom: 10px;
}
.cert-panel .info-box .item {
  margin-bottom: 10px;
}
.cert-panel .ui-ipt {
  padding: 5px 8px;
}
.cert-panel .p-ico {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 6px;
}
.cert-panel .p-ico:hover {
  opacity: .8;
}
.cert-panel .confirm {
  background-position: -290px -160px;
}
.cert-panel .delete {
  background-position: -310px -160px;
}
.cert-panel .edit {
  background-position: -330px -160px;
}
.cert-panel .ui-btn {
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  background-color: #0c7dd4;
  color: #fff;
  margin-left: 8px;
}
.cert-panel .ui-btn:hover {
  background-color: #0d8bec;
}
.p-ico.ico-success {
  background-position: -160px -200px;
  width: 57px;
  height: 57px;
  margin-right: 10px;
}
.class-detail {
  padding: 5px 0;
  position: relative;
}
.class-detail .m-label {
  padding: 4px 10px;
  -webkit-border-radius: 0 0 5px 0;
  -moz-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
  background-color: #f36760;
  color: #fff;
  position: absolute;
  left: 0;
  top: 5px;
}
.class-detail .m-label.lsz {
  background-color: #ef952b;
}
.class-detail .m-label.pzh {
  background-color: #f36760;
}
.class-detail .img {
  width: 360px;
  height: 267px;
  background-color: #f5f5f5;
  padding-bottom: 10px;
}
.class-detail .img img {
  width: 360px;
  height: 205px;
  display: block;
}
.class-detail .img p {
  padding-top: 10px;
  padding-left: 10px;
}
.class-detail .info {
  width: 355px;
  padding-left: 30px;
}
.class-detail .info .tit {
  font-size: 20px;
  margin-bottom: 10px;
}
.class-detail .info .info-cont {
  color: #444;
  height: 185px;
}
.class-detail .info .info-cont p {
  line-height: 25px;
}
.class-detail .info .info-cont .price {
  background-color: #d7edff;
  color: #111;
  padding: 8px;
  line-height: 1.7;
  position: relative;
  left: -8px;
  margin: 10px 0;
}
.class-detail .info .info-cont .price span {
  display: block;
  font-size: 14px;
  text-decoration: line-through;
  color: #666;
}
.class-detail .info .btn-bar {
  margin-top: 13px;
}
.class-detail .info .btn {
  width: 145px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  font-size: 16px;
}
.class-detail .info .btn-w {
  height: 38px;
  line-height: 38px;
}
.class-detail .require-box {
  width: 295px;
  border: 1px solid #ddd;
}
.class-detail .require-box .tit {
  background-color: #eee;
  line-height: 40px;
  font-size: 16px;
  color: #e53930;
  padding-left: 10px;
}
.class-detail .require-box .require-bd {
  padding: 22px 24px;
  color: #444;
}
.class-detail .require-box .require-bd .fs16 {
  color: #000;
  margin-bottom: 5px;
}
.class-detail-tab {
  margin-top: 10px;
  margin-bottom: 20px;
}
.class-detail-tab a {
  display: inline-block;
  width: 190px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #ddd;
  color: #333;
  margin-right: 10px;
  margin-top: 10px;
  padding: 0 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: left;
}
.class-detail-tab a:hover {
  background-color: #0c7dd4;
  color: #fff;
}
.class-detail-tab .current {
  background-color: #0c7dd4;
  color: #fff;
}
.class-detail-tab .current:hover {
  background-color: lightten(#0c7dd4, 5%);
}
.xcx-panel {
  text-align: center;
  font-size: 12px;
  margin-right: 20px;
}
.xcx-panel img {
  width: 120px;
  border: 2px solid #bcd8ef;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.sidebar-panel-3 {
  position: fixed;
  left: 50%;
  margin-left: 610px;
  bottom: 23%;
  z-index: 9;
  font-size: 12px;
}
.sidebar-panel-3 .sidebar-items {
  display: block;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
}
.sidebar-panel-3 .sidebar-items:hover .items-bd {
  background-color: #0b6fbc;
}
.sidebar-panel-3 .sidebar-items:hover .items-bd .tip-txt {
  display: block;
}
.sidebar-panel-3 .sidebar-items:hover .items-hover {
  width: auto;
  display: block;
}
.sidebar-panel-3 .items-bd {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #0c7dd4;
  color: #fff;
  text-align: center;
}
.sidebar-panel-3 .items-bd .tip-txt {
  display: none;
  width: 145px;
  height: 58px;
  padding: 10px;
  border-radius: 5px;
  text-align: left;
  position: absolute;
  top: 0;
  right: 70px;
  background-color: #0c7dd4;
}
.sidebar-panel-3 .items-bd .tip-txt i {
  width: 7px;
  height: 14px;
  background-position: -280px -70px;
  position: absolute;
  top: 30px;
  right: -7px;
}
.sidebar-panel-3 .ico {
  width: 28px;
  height: 28px;
  background: url("../images/sidebar-icon_hashf06770a2a4.png") no-repeat;
  position: relative;
  top: 5px;
  margin-top: 3px;
  margin-bottom: 2px;
  display: inline-block;
}
.sidebar-panel-3 .ico-top {
  height: 40px;
  margin-top: 10px;
  top: 0;
}
.sidebar-panel-3 .ico-gzh {
  background-position: 0 -50px;
}
.sidebar-panel-3 .ico-xcx {
  background-position: 0 -80px;
}
.sidebar-panel-3 .ico-bzzx {
  background-position: 0 -110px;
}
.sidebar-panel-3 .ico-fwrx {
  background-position: 0 -140px;
}
.sidebar-panel-3 .ico-khd {
  background-position: 0 -170px;
}
.sidebar-panel-3 .ico-yjfk {
  background-position: 0 -200px;
}
.sidebar-panel-3 .ico-jpt {
  background-position: 0 -230px;
}
.sidebar-panel-3 .ico-xfyz {
  background-position: 0 -260px;
}
.sidebar-panel-3 .items-hover {
  display: none;
  width: 0;
  position: absolute;
  right: 70px;
  top: 0;
  background-color: #fff;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #ddd;
  min-width: 160px;
}
.sidebar-panel-3 .items-hover:before {
  content: "";
  width: 0;
  height: 0;
  border: 6px solid;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  right: -12px;
  top: 24px;
  z-index: 2;
}
.sidebar-panel-3 .items-hover:after {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid;
  border-color: transparent transparent transparent #ddd;
  position: absolute;
  right: -16px;
  top: 22px;
  z-index: 1;
}
.sidebar-panel-3 .items-hover .qr-code-img {
  width: 160px;
  height: 160px;
}
/*.mask-bg{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}*/
.m-dialog {
  position: relative;
  z-index: 2;
}
.dialog-box {
  width: 370px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}
.dialog-box .dialog-hd {
  height: 53px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  border-bottom: 1px solid #ddd;
}
.dialog-box .dialog-hd .title {
  border-left: 3px solid #0c7dd4;
  line-height: 24px;
  margin-top: 15px;
  padding-left: 10px;
}
.dialog-box .dialog-hd .p-ico {
  width: 22px;
  height: 22px;
  background-position: -308px -158px;
  border-radius: 3px;
  position: absolute;
  right: 10px;
  top: 18px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dialog-box .dialog-hd-2 {
  height: 30px;
  position: relative;
}
.dialog-box .dialog-hd-2 .p-ico {
  width: 22px;
  height: 22px;
  background-position: -322px -192px;
  border-radius: 3px;
  position: absolute;
  right: 10px;
  top: 18px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dialog-box .dialog-hd-2 .p-ico:hover {
  background-color: #0c7dd4;
  background-position: -322px -218px;
}
.dialog-box .dialog-bd {
  padding: 10px 30px 15px;
  max-height: 400px;
  overflow: auto;
}
.dialog-box .dialog-bd .phone {
  position: relative;
  top: -7px;
  margin-right: 10px;
}
.dialog-box .dialog-bd .complete {
  background-position: 0 -379px;
  height: 40px;
  width: 40px;
  vertical-align: middle;
  margin-right: 10px;
}
.dialog-box .dialog-bd .cart {
  background-position: -46px -379px;
  height: 43px;
  width: 40px;
  vertical-align: middle;
  margin-right: 10px;
}
.dialog-box .dialog-ft {
  border-top: 1px dashed #e8e8e8;
  padding: 10px 15px;
}
.dialog-box .dialog-ft .btn {
  width: auto;
  min-width: 60px;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
}
.dialog-box .m-tips {
  margin: 10px;
  border: 1px dashed #0c7dd4;
}
.dialog-box .m-login {
  width: auto;
  height: auto;
  background: #fff;
  float: none;
  border-bottom: 0;
}
.dialog-box .m-login h2 {
  color: #0c7dd4;
}
.dialog-box .m-login .login-form {
  padding: 15px 0 0;
}
.dialog-box .m-login .login-form li .ipt-s {
  width: 220px;
}
.dialog-box .m-login .login-form .openeye-ico,
.dialog-box .m-login .login-form .closeye-ico {
  left: 275px;
}
.dialog-box .btn-normal {
  width: auto;
  min-width: 60px;
}
.w620 {
  width: 620px;
}
.w10 {
  width: 1000px;
}
.dialog-tip {
  padding: 35px 0;
}
.dialog-tip .p-ico {
  width: 40px;
  height: 42px;
  vertical-align: middle;
  margin-right: 10px;
}
.dialog-tip .complete {
  background-position: 0 -220px;
}
.dialog-tip .cart {
  background-position: -45px -220px;
}
.dialog-tip .txt {
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
}
.dialog-bottom {
  border-top: 1px dashed #ddd;
  padding: 10px;
}
.dialog-bottom .ui-label {
  position: absolute;
  right: 30px;
  bottom: 16px;
  font-weight: normal;
}
.dialog-bottom .btn-normal {
  padding: 0 10px;
}
.db-1 {
  background: #f1f1f1;
  border-radius: 0 0 5px 5px;
}
.ewm-box {
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.ewm-box .freshen-bg {
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  filter: alpha(opacity=70);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.dialog-tip {
  padding: 35px 0;
}
.dialog-tip .p-ico {
  width: 40px;
  height: 42px;
  vertical-align: middle;
  margin-right: 10px;
}
.dialog-tip .complete {
  background-position: -240px -90px;
}
.dialog-tip .cart {
  background-position: -280px -90px;
}
.dialog-tip .txt {
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
}
.m-pages {
  margin: 10px 0;
  text-align: center;
}
.m-pages a {
  color: #999;
  height: 30px;
  line-height: 30px;
}
.m-pages a:hover {
  color: #0c7dd4;
}
.m-pages .prev,
.m-pages .next {
  width: 75px;
  border: 1px solid #e8e8e8;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  vertical-align: middle;
}
.m-pages .prev .p-ico,
.m-pages .next .p-ico {
  width: 6px;
  height: 9px;
  vertical-align: 0;
}
.m-pages .prev .p-ico {
  background-position: -190px -30px;
  margin-right: 5px;
}
.m-pages .prev:hover .p-ico {
  background-position: -200px -30px;
}
.m-pages .next .p-ico {
  background-position: -210px -30px;
  margin-left: 5px;
}
.m-pages .next:hover .p-ico {
  background-position: -220px -30px;
}
.m-pages .pages-num {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.m-pages .pages-num a {
  width: 30px;
  display: inline-block;
  float: left;
  border: 1px solid #e8e8e8;
  border-right: 0;
}
.m-pages .pages-num a:first-child {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.m-pages .pages-num a:last-child {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  border-right: 1px solid #e8e8e8;
}
.m-pages .pages-num .current {
  background-color: #e8e8e8;
  color: #0c7dd4;
}
.m-pages .pages-num .current:hover {
  color: #0c7dd4;
}
.m-pages .slt-num {
  color: #999;
  margin-left: 30px;
}
.m-pages .slt-num .ui-ipt {
  width: 40px;
  border: 1px solid #e8e8e8;
  padding: 6px;
  text-align: center;
  background-color: #fff;
  margin: 0;
  color: #666;
  box-sizing: border-box;
  vertical-align: middle;
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.m-pages .slt-num .ui-ipt:focus {
  outline: none;
}
.m-pages .go {
  display: inline-block;
  background-color: #0c7dd4;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 10px;
  margin-left: 10px;
}
.m-pages .go:hover {
  background-color: #0d8bec;
  color: #fff;
}
/**
  * 页面主要框架
  * 内容比较少时，footer会停留在底部，内容比较多时，footer在最下面
  * footer要固定高度
  */
/* 底部高度 */
.g-mn {
  position: relative;
  min-height: 100%;
  z-index: 1;
}
.g-mn-bd {
  padding: 0 0 130px;
  zoom: 1;
}
.footer {
  height: 110px;
  margin: -110px 0 0;
  position: relative;
  z-index: 9;
  text-align: center;
  background-color: #474747;
}
.footer:after {
  width: 0;
  height: 100%;
  content: "";
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.footer .footer-bd {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.8;
  color: #fff;
}
.footer .footer-bd a {
  color: #fff;
  padding: 0 10px;
}
.footer .footer-bd a:hover {
  text-decoration: underline;
}
.hb-notification {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 15002;
}
.hb-notification .mark {
  position: absolute;
  width: 100%;
  z-index: 15001;
  height: 100%;
  background: black;
  filter: alpha(opacity=70);
  opacity: .7;
}
.hb-notification .dialog {
  z-index: 15002;
}
.hb-notification .error-500-box {
  width: 400px;
  border-radius: 4px;
  background-color: #ddd;
  position: fixed;
  margin-left: -215px;
  left: 50%;
  padding: 10px;
  margin-top: 33px;
}
.hb-notification .error-500-box .cont500Error {
  max-height: 345px;
  overflow: auto;
}
.hb-notification .error-500-box .arr500Error {
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ddd transparent;
  position: absolute;
  border-style: solid;
  left: 50%;
  margin-left: -5px;
  margin-top: -20px;
}
.hb-notification .error-500-box .content {
  border-radius: 2px;
}
.hb-notification .error-500-box .content .message-close {
  background: #EE5170;
  text-align: right;
  padding: 3px 3px;
}
.hb-notification .error-500-box .content .message-close a {
  text-decoration: none;
  width: 20px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  text-align: center;
}
.hb-notification .error-500-box .content .message-close a:hover {
  background: #E26E85;
  color: white;
}
.hb-notification .error-500-box .content .message-container {
  width: 100%;
  background: white;
}
.hb-notification .error-500-box .content .message-container:hover {
  background: #ddd;
}
.hb-notification .error-500-box .content .message-container .message-title {
  padding: 10px;
  line-height: 10px;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  text-align: left;
}
.hb-notification .error-500-box .content .message-container .message-title .detail {
  cursor: pointer;
  color: #0c7dd4;
  position: absolute;
  right: 5px;
  top: 10px;
  font-size: 12px;
  font-weight: normal;
}
.hb-notification .error-500-box .content .message-container .message-content {
  padding: 0 10px 10px 10px;
  overflow: auto;
  text-align: left;
  font-size: 12px;
}
.hb-notification .error-500-box .content .message-container .message-content .message-split {
  margin: 0 auto 10px auto;
  border-top: 1px dashed #ccc;
}
.hb-notification .tip {
  width: 98px;
  box-sizing: content-box;
  padding: 20px 20px;
  position: absolute;
  top: 50%;
  display: inline-block;
  left: 50%;
  background-color: #fff;
  text-align: center;
  font-size: 16px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-shadow: 0 0 7px #999;
  -webkit-box-shadow: 0 0 7px #999;
  box-shadow: 0 0 7px #999;
}
.hb-notification .tip .opp-close {
  position: absolute;
  top: 3px;
  right: 4px;
  cursor: pointer;
}
.hb-notification .tip .tip500_text {
  text-decoration: underline;
  color: blue;
  font-size: 13px;
  font-weight: bold;
}
.hb-notification .tip span {
  display: inline-block;
}
.hb-notification .tip .ico {
  width: 86px;
  height: 102px;
  background: url("../images/tips_hash7b2ff7412b.png") no-repeat;
}
.hb-notification .tip .ico-information {
  background-position: 0 0;
}
.hb-notification .tip .ico-warning {
  background-position: -90px 0;
}
.hb-notification .tip .ico-error {
  background-position: -180px 0;
}
.hb-notification .tip .ico-success {
  background-position: -270px 0;
}
/* 清除浮动 */
.clear {
  clear: both;
  *zoom: 1;
}
.clear:after,
.clear:before {
  display: block;
  content: "clear";
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
/* font */
.b {
  font-weight: bold;
}
/* hide */
.hide {
  display: none;
}
/* float */
.fl {
  float: left;
}
.fr {
  float: right;
}
/* Text */
.to {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.tl {
  text-align: left;
}
/* position */
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
/* Text */
.p-block {
  display: block;
}
.dis-ib {
  display: inline-block;
}
/* sprite 图片 */
.p-ico {
  background: url("../images/icon_home.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
}
/* 页面内容宽度 */
.p-wrap-full {
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
/* margin/padding */
.m20 {
  margin: 20px;
}
.mt-1 {
  margin-top: -1px;
}
.ml4 {
  margin-left: 4px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}
.ml50 {
  margin-left: 50px;
}
.ml100 {
  margin-left: 100px;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt18 {
  margin-top: 18px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt35 {
  margin-top: 35px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mr40 {
  margin-right: 40px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb50 {
  margin-bottom: 50px;
}
.p0 {
  padding: 0;
}
.p10 {
  padding: 10px;
}
.p20 {
  padding: 20px;
}
.pt0 {
  padding-top: 0;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt26 {
  padding-top: 26px;
}
.pt30 {
  padding-top: 30px;
}
.pt50 {
  padding-top: 50px;
}
.pt100 {
  padding-top: 100px;
}
.pb5 {
  padding-bottom: 5px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb25 {
  padding-bottom: 25px;
}
.pb30 {
  padding-bottom: 30px;
}
.pl20 {
  padding-left: 20px;
}
.pl30 {
  padding-left: 30px;
}
.pl60 {
  padding-left: 60px;
}
.pl200 {
  padding-left: 200px;
}
.plr20 {
  padding-left: 20px;
  padding-right: 20px;
}
.plr15 {
  padding-left: 15px;
  padding-right: 15px;
}
.plr10 {
  padding-left: 10px;
  padding-right: 10px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb50 {
  padding-bottom: 50px;
}
.w1 {
  width: 260px;
}
.w2 {
  width: 540px;
}
.w3 {
  width: 390px;
}
.w4 {
  width: 400px;
}
.w6 {
  width: 600px;
}
.w5 {
  width: 500px;
}
.w595 {
  width: 562px;
}
.w7 {
  width: 700px;
}
.w8 {
  width: 800px;
}
.w820 {
  width: 820px;
}
.w840 {
  width: 840px;
}
.w880 {
  width: 880px;
}
.w1000 {
  width: 1000px;
}
.w310 {
  width: 310px;
}
.w360 {
  width: 359px;
}
.w350 {
  width: 350px;
}
.w190 {
  width: 190px;
}
.w200 {
  width: 200px;
}
.w240 {
  width: 239px;
}
.w440 {
  width: 440px;
}
.margin-auto {
  margin: 0 auto;
}
.wf {
  width: 100%;
}
.ab {
  color: #0c7dd4;
}
.ab:hover {
  text-decoration: underline;
}
.ar {
  color: #e53930;
}
.ar:hover {
  text-decoration: underline;
  color: #e53930;
}
.ag {
  color: #999;
}
.ag:hover {
  text-decoration: underline;
}
.t-r {
  color: #e53930;
}
.t-b {
  color: #0c7dd4;
}
.txt-g {
  color: #999;
}
.fs12 {
  font-size: 12px;
}
.fs14 {
  font-size: 14px;
}
.fs15 {
  font-size: 15px;
}
.fs16 {
  font-size: 16px;
}
.fs18 {
  font-size: 18px;
}
.fs20 {
  font-size: 20px;
}
.fs24 {
  font-size: 24px;
}
.fs30 {
  font-size: 30px;
}
.fs42 {
  font-size: 42px;
}
.ti {
  text-indent: 2em;
}
.bor-dt {
  border-top: 1px dashed #ddd;
}
.bor-b {
  border-bottom: 1px solid #e8e8e8;
}
.rs {
  color: #e53930;
  position: relative;
  margin-right: 8px;
  top: 3px;
}
.white-bg {
  background: #fff;
}
.white-bg-1 {
  background: #fff;
  border: 1px solid #ddd;
}
.bor-r {
  border-right: 1px solid #e8e8e8;
}
.t-line {
  text-decoration: underline;
}
.t-line:hover {
  text-decoration: underline;
}
.mh500 {
  min-height: 500px;
}
.h270 {
  height: 270px;
}
.h514 {
  height: 500px;
}
.lh36 {
  line-height: 36px;
}
.lh50 {
  line-height: 50px;
}
.title-box {
  margin-bottom: 8px;
}
.title-box .title {
  line-height: 24px;
  border-left: 3px solid #0c7dd4;
  padding-left: 8px;
  font-size: 20px;
  font-weight: normal;
  float: left;
  color: #0c7dd4;
}
.title-box .more {
  float: right;
  margin-right: 10px;
  color: #0c7dd4;
  font-family: Arial;
}
.title-box-1 .title {
  line-height: 20px;
  font-size: 16px;
}
.ma {
  margin-left: auto;
  margin-right: auto;
}
/*!
 * ui-dialog.css
 * Date: 2014-07-03
 * https://github.com/aui/artDialog
 * (c) 2009-2014 TangBin, http://www.planeArt.cn
 *
 * This is licensed under the GNU LGPL, version 2.1 or later.
 * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
 */
.ui-dialog {
  *zoom: 1;
  _float: left;
  position: relative;
  background-color: #FFF;
  padding: 5px;
  border: 1px solid #999;
  border-radius: 6px;
  outline: 0;
  background-clip: padding-box;
  font-size: 14px;
  line-height: 1.428571429;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.15s ease-in-out, opacity 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out;
  /*  max-width:60%;
    margin:0 auto;*/
}
.ui-dialog .btn {
  padding: 0 15px;
  height: 36px;
  line-height: 36px;
}
.ui-dialog .dialog-box {
  border-radius: 0;
  box-shadow: none;
}
.ui-popup-show .ui-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.ui-popup-focus .ui-dialog {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.ui-popup-modal .ui-dialog {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, 0.3);
}
.ui-dialog-grid {
  width: auto;
  margin: 0;
  border: 0 none;
  border-collapse: collapse;
  border-spacing: 0;
  background: transparent;
}
.ui-dialog-header,
.ui-dialog-body,
.ui-dialog-footer {
  padding: 0;
  border: 0 none;
  text-align: left;
  background: transparent;
}
.ui-dialog-header {
  white-space: nowrap;
  border-bottom: 1px solid #E5E5E5;
  font-size: 18px;
  background-color: #0c7dd4;
  color: #fff;
  border-radius: 5px 5px 0 0;
  padding: 0 10px;
  cursor: move;
}
.ui-dialog-close {
  position: relative;
  font-size: 17px;
  _position: absolute;
  float: right;
  top: 10px;
  right: -5px;
  _height: 26px;
  border-radius: 4px;
  width: 21px;
  height: 21px;
  line-height: 1;
  color: white;
  cursor: pointer;
  background: transparent;
  _background: #FFF;
  border: 0;
  -webkit-appearance: none;
}
.ui-dialog-close:hover {
  color: white;
  background: #2e4da2;
}
.ui-dialog-close:hover,
.ui-dialog-close:focus {
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.ui-dialog-title {
  margin: 0;
  line-height: 1;
  min-height: 16.428571429px;
  padding: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-dialog-body {
  padding: 20px;
  text-align: center;
}
.ui-dialog-content {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  *zoom: 1;
  *display: inline;
  text-align: center;
}
.ui-dialog-footer {
  text-align: center;
  border-top: 1px dashed #e8e8e8;
  padding: 10px 15px 5px;
}
.ui-dialog-statusbar {
  float: left;
  margin-right: 20px;
  padding: 6px 0;
  line-height: 1.428571429;
  font-size: 14px;
  color: #888;
  white-space: nowrap;
}
.ui-dialog-statusbar label:hover {
  color: #333;
}
.ui-dialog-statusbar input,
.ui-dialog-statusbar .label {
  vertical-align: middle;
}
.ui-dialog-button {
  white-space: nowrap;
}
.ui-dialog-footer button + button {
  margin-bottom: 0;
  margin-left: -206px;
}
.ui-dialog-footer button {
  width: auto;
  overflow: visible;
  display: inline-block;
  _margin-left: 5px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 0 15px;
  height: 36px;
  min-width: 60px;
}
.ui-dialog-footer button:focus {
  outline: none;
}
.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus {
  color: #333333;
  text-decoration: none;
}
.ui-dialog-footer button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ui-dialog-footer button[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-dialog-footer button {
  color: #fff;
  background-color: #aaa;
  border-color: #aaa;
}
.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus,
.ui-dialog-footer button:active {
  color: #fff;
  background-color: #aaa;
  border-color: #adadad;
}
.ui-dialog-footer button:active {
  background-image: none;
}
.ui-dialog-footer button[disabled],
.ui-dialog-footer button[disabled]:hover,
.ui-dialog-footer button[disabled]:focus,
.ui-dialog-footer button[disabled]:active {
  background-color: #aaa;
  border-color: #aaa;
}
.ui-dialog-footer button.ui-dialog-autofocus {
  color: #ffffff;
  background-color: #0c7dd4;
  border-color: #0c7dd4;
}
.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus,
.ui-dialog-footer button.ui-dialog-autofocus:active {
  color: #ffffff;
  background-color: #0c7dd4;
}
.ui-dialog-footer button.ui-dialog-autofocus:active {
  background-image: none;
}
.ui-popup-top-left .ui-dialog,
.ui-popup-top .ui-dialog,
.ui-popup-top-right .ui-dialog {
  top: -8px;
}
.ui-popup-bottom-left .ui-dialog,
.ui-popup-bottom .ui-dialog,
.ui-popup-bottom-right .ui-dialog {
  top: 8px;
}
.ui-popup-left-top .ui-dialog,
.ui-popup-left .ui-dialog,
.ui-popup-left-bottom .ui-dialog {
  left: -8px;
}
.ui-popup-right-top .ui-dialog,
.ui-popup-right .ui-dialog,
.ui-popup-right-bottom .ui-dialog {
  left: 8px;
}
.ui-dialog-arrow-a,
.ui-dialog-arrow-b {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
  _color: #FF3FFF;
  _filter: chroma(color=#FF3FFF);
  border: 8px dashed transparent;
}
.ui-popup-follow .ui-dialog-arrow-a,
.ui-popup-follow .ui-dialog-arrow-b {
  display: block;
}
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-a {
  bottom: -16px;
  border-top: 8px solid #7C7C7C;
}
.ui-popup-top-left .ui-dialog-arrow-b,
.ui-popup-top .ui-dialog-arrow-b,
.ui-popup-top-right .ui-dialog-arrow-b {
  bottom: -15px;
  border-top: 8px solid #fff;
}
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top-left .ui-dialog-arrow-b {
  left: 15px;
}
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-b {
  left: 50%;
  margin-left: -8px;
}
.ui-popup-top-right .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-b {
  right: 15px;
}
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-a {
  top: -16px;
  border-bottom: 8px solid #7C7C7C;
}
.ui-popup-bottom-left .ui-dialog-arrow-b,
.ui-popup-bottom .ui-dialog-arrow-b,
.ui-popup-bottom-right .ui-dialog-arrow-b {
  top: -15px;
  border-bottom: 8px solid #fff;
}
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom-left .ui-dialog-arrow-b {
  left: 15px;
}
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-b {
  margin-left: -8px;
  left: 50%;
}
.ui-popup-bottom-right .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-b {
  right: 15px;
}
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-a {
  right: -16px;
  border-left: 8px solid #7C7C7C;
}
.ui-popup-left-top .ui-dialog-arrow-b,
.ui-popup-left .ui-dialog-arrow-b,
.ui-popup-left-bottom .ui-dialog-arrow-b {
  right: -15px;
  border-left: 8px solid #fff;
}
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left-top .ui-dialog-arrow-b {
  top: 15px;
}
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-b {
  margin-top: -8px;
  top: 50%;
}
.ui-popup-left-bottom .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-b {
  bottom: 15px;
}
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-a {
  left: -16px;
  border-right: 8px solid #7C7C7C;
}
.ui-popup-right-top .ui-dialog-arrow-b,
.ui-popup-right .ui-dialog-arrow-b,
.ui-popup-right-bottom .ui-dialog-arrow-b {
  left: -15px;
  border-right: 8px solid #fff;
}
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right-top .ui-dialog-arrow-b {
  top: 15px;
}
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-b {
  margin-top: -8px;
  top: 50%;
}
.ui-popup-right-bottom .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-b {
  bottom: 15px;
}
@-webkit-keyframes ui-dialog-loading {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes ui-dialog-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ui-dialog-loading {
  vertical-align: middle;
  position: relative;
  display: block;
  *zoom: 1;
  *display: inline;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 50%;
  margin: -16px auto 0 auto;
  font-size: 0;
  text-indent: -999em;
  color: #666;
}
.ui-dialog-loading {
  width: 100% \9;
  text-indent: 0 \9;
  line-height: 32px \9;
  text-align: center \9;
  font-size: 12px \9;
}
.ui-dialog-loading::after {
  position: absolute;
  content: '';
  width: 3px;
  height: 3px;
  margin: 14.5px 0 0 14.5px;
  border-radius: 100%;
  box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;
  -webkit-transform: rotate(360deg);
  -webkit-animation: ui-dialog-loading 1.5s infinite linear;
  transform: rotate(360deg);
  animation: ui-dialog-loading 1.5s infinite linear;
  display: none \9;
}
/*tab标签样式改写*/
.nav-tabs {
  border-bottom-color: #6fcc40;
}
.nav-tabs a {
  color: #6fcc40;
}
.nav-tabs a:hover {
  color: #4daf1c;
}
a:focus {
  text-decoration: none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-color: #6fcc40;
  border-bottom-color: transparent;
}
.nav-tabs > li > a:hover {
  border-bottom-color: #6fcc40;
}
.table > tbody:first-child td {
  border: 0;
}
.btn .badge {
  background-color: #fff;
  color: #6fcc40;
  margin-left: 5px;
  top: 0;
}
.form-control:focus {
  border-color: #6fcc40;
  box-shadow: none;
}
.form-inline .form-group {
  display: inline-block;
}
.form-inline .form-control {
  display: inline-block;
  vertical-align: middle;
}
.form-inline .input-group {
  display: inline-table;
  vertical-align: middle;
}
.pagination > li > a {
  color: #6fcc40;
}
.pagination > .active > a {
  background-color: #6fcc40;
  border-color: #6fcc40;
}
.pagination > li > a:hover {
  color: #666;
}
.form-group select {
  color: #999;
}
div[datepicker] tbody .btn {
  padding: 3px 7px;
  border: 0;
}
.btn:focus,
.btn:active:focus {
  outline: none;
  outline-offset: 0;
}
.glyphicon-calendar {
  width: 15px;
  height: 15px;
  background: url('../images/web-icons.png');
  background-position: -340px -243px;
}
.glyphicon-calendar:before {
  content: none;
}
/*解决日期控件样式冲突问题*/
.dropdown-menu * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pl-ico {
  background: url("../images/player-icon_hash5434dabbba.png") no-repeat;
  display: inline-block;
}
.player-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.m-player {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 350px;
  background-color: #7b7c82;
  transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
}
.m-player a {
  transition: all 0s;
  -moz-transition: all 0s;
  -webkit-transition: all 0s;
  -o-transition: all 0s;
}
.m-player .line {
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 200px;
  background-color: #abadb0;
}
.m-player .prev,
.m-player .next {
  height: 30px;
  overflow: hidden;
  position: absolute;
  left: 176px;
  color: #fff;
  z-index: 99;
}
.m-player .prev a,
.m-player .next a {
  width: 52px;
  height: 30px;
  vertical-align: middle;
  margin-right: 5px;
}
.m-player .prev span,
.m-player .next span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.m-player .prev {
  top: 0;
}
.m-player .prev a {
  background-position: -110px -30px;
}
.m-player .prev a:hover {
  background-position: -110px -70px;
}
.m-player .prev span {
  top: -4px;
}
.m-player .next {
  bottom: 0;
}
.m-player .next a {
  position: relative;
  top: 1px;
  background-position: -110px -108px;
}
.m-player .next a:hover {
  background-position: -110px -148px;
}
.m-player .next span {
  top: 2px;
}
.m-player .return {
  width: 104px;
  height: 30px;
  line-height: 28px;
  background-position: 0 -30px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  position: absolute;
  top: 10px;
  left: 0;
}
.m-player .return:hover {
  background-position: 0 -70px;
  text-decoration: none;
}
.m-player .return span {
  width: 8px;
  height: 10px;
  background-position: -150px 0;
  margin-right: 5px;
}
.m-player .title {
  width: 80%;
  color: #fff;
  position: absolute;
  left: 185px;
  top: 50px;
}
.m-player .title span {
  display: inline-block;
  vertical-align: middle;
}
.m-player .title .num {
  width: 32px;
  height: 32px;
  background-position: 0 -140px;
  color: #00458a;
  line-height: 31px;
  text-align: center;
  font-size: 16px;
  margin-right: 3px;
  position: relative;
  z-index: 99;
}
.m-player .title .tit-txt {
  font-size: 20px;
  width: 90%;
  position: relative;
  top: -1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-player .title .chapter {
  width: 80px;
  height: 28px;
  background-position: 0 -110px;
  text-align: center;
  line-height: 26px;
  position: absolute;
  left: -72px;
  top: 3px;
}
.m-player .player-bd {
  position: absolute;
  top: 90px;
  bottom: 50px;
  left: 20px;
  right: 60px;
  background-color: #000;
  text-align: center;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}
.m-player .loading {
  text-align: center;
  color: #fff;
  font-size: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -113px 0 0 -175px;
}
.m-player .loading img,
.m-player .loading span {
  display: inline-block;
  vertical-align: middle;
}
.m-player-side {
  width: 350px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
}
.m-player-side .tab-tit {
  position: absolute;
  top: 140px;
  left: -50px;
}
.m-player-side .tab-tit a {
  width: 48px;
  height: 50px;
  background-color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
  border-radius: 5px 0 0 5px;
  margin-bottom: 4px;
  box-sizing: border-box;
  padding-top: 5px;
  line-height: 1.4;
}
.m-player-side .tab-tit a:hover {
  background-color: #00458a;
  color: #fff;
}
.m-player-side .tab-tit a .pl-ico {
  width: 26px;
  height: 22px;
  display: block;
  margin: 0 auto;
}
.m-player-side .tab-tit a .ico-ml {
  background-position: 0 0;
}
.m-player-side .tab-tit a .ico-wd {
  background-position: -30px 0;
}
.m-player-side .tab-tit a .ico-tj {
  background-position: -60px 0;
}
.m-player-side .tab-tit .current {
  width: 50px;
  background-color: #00458a;
  color: #fff;
}
.m-player-side .tab-tit .class-test {
  position: relative;
}
.m-player-side .tab-tit .class-test span {
  display: none;
  position: absolute;
}
.m-player-side .tab-tit .class-test:hover {
  background: #fff;
  color: #333;
}
.m-player-side .tab-tit .class-test:hover span {
  display: inline-block;
}
.m-player-side .tab-tit .class-test .black-bg {
  background: #000;
  width: 48px;
  height: 50px;
  opacity: .65;
  filter: alpha(opacity=65);
  left: 0;
  top: 0;
  z-index: 10;
  border-radius: 5px 0 0 5px;
}
.m-player-side .tab-tit .class-test .lock-ico-big {
  left: 15px;
  top: 13px;
  z-index: 11;
  width: 18px;
  height: 23px;
  background-position: -339px -45px;
}
.m-player-side .side-cont .info {
  height: 140px;
  background-color: #c3c4c7;
  padding: 15px 15px 0;
  box-sizing: border-box;
  position: relative;
}
.m-player-side .side-cont .info .info-tit {
  font-weight: bold;
  height: 42px;
  overflow: hidden;
  margin-bottom: 10px;
}
.m-player-side .side-cont .info .process {
  width: 100%;
  height: 10px;
  background-color: #b2b3b7;
  position: absolute;
  left: 0;
  bottom: 0;
}
.m-player-side .side-cont .info .process:hover .tips {
  display: block;
}
.m-player-side .side-cont .info .process .current {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  background-color: #00458a;
}
.m-player-side .side-cont .info .process .tips {
  position: absolute;
  bottom: 20px;
  left: 25px;
  width: 300px;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #00458a;
  color: #fff;
  font-size: 14px;
  display: none;
}
.m-player-side .side-cont .info .process .tips:after {
  width: 0;
  height: 0;
  content: " ";
  border: 6px solid;
  border-color: #00458a transparent transparent transparent;
  position: absolute;
  bottom: -12px;
  left: 50px;
}
.m-player-side .side-cont .side-bd {
  position: absolute;
  top: 140px;
  bottom: 0;
  width: 100%;
  background: url("../images/gray-line.jpg") repeat-y 60px 0;
  overflow: auto;
}
.m-player-side .side-cont .side-bd .m-catalog span {
  display: inline-block;
  vertical-align: middle;
}
.m-player-side .side-cont .side-bd .m-catalog .current .chapter .num {
  color: #fff;
  background-position: -160px 0;
}
.m-player-side .side-cont .side-bd .chapter {
  height: 50px;
  line-height: 50px;
  padding-left: 10px;
  font-weight: bold;
  position: relative;
}
.m-player-side .side-cont .side-bd .chapter .txt {
  width: 50px;
  height: 22px;
  line-height: 20px;
  border: 1px solid #ddd;
  border-radius: 5px 0 0 5px;
  box-sizing: border-box;
  padding-left: 8px;
  margin-right: 10px;
}
.m-player-side .side-cont .side-bd .chapter .num {
  width: 23px;
  height: 23px;
  line-height: 22px;
  text-align: center;
  position: absolute;
  left: 50px;
  top: 15px;
  background-position: -185px 0;
  z-index: 999;
}
.m-player-side .side-cont .side-bd .chapter .tit {
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-player-side .side-cont .side-bd .sec-chapter {
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
  font-weight: bold;
  position: relative;
  font-size: 12px;
  margin-left: 42px;
}
.m-player-side .side-cont .side-bd .sec-chapter .num {
  width: 18px;
  height: 18px;
  line-height: 17px;
  text-align: center;
  background-position: -250px -30px;
}
.m-player-side .side-cont .side-bd .sec-chapter .tit {
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-player-side .side-cont .side-bd .ul-second .current .num {
  color: #00458a;
  background-position: -270px -30px;
}
.m-player-side .side-cont .side-bd .ul-course {
  position: relative;
  z-index: 99;
  font-size: 12px;
}
.m-player-side .side-cont .side-bd .ul-course li {
  height: 36px;
  line-height: 33px;
  padding-left: 15px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.m-player-side .side-cont .side-bd .ul-course li.lock {
  color: #ccc;
}
.m-player-side .side-cont .side-bd .ul-course li.lock .lock-ico {
  background-position: -198px -158px;
  width: 35px;
  height: 16px;
}
.m-player-side .side-cont .side-bd .ul-course li.lock .type-v {
  background-position: -170px -158px;
}
.m-player-side .side-cont .side-bd .ul-course li:hover {
  overflow: visible;
  background-color: #424347;
  color: #fff;
}
.m-player-side .side-cont .side-bd .ul-course li.lock:hover {
  background: none;
  color: #ccc;
  cursor: default;
}
.m-player-side .side-cont .side-bd .ul-course li.lock:hover .type-v {
  background-position: -170px -158px;
}
.m-player-side .side-cont .side-bd .ul-course li:hover .type-v {
  background-position: -190px -30px;
}
.m-player-side .side-cont .side-bd .ul-course li:hover .type-t {
  background-position: -230px -30px;
}
.m-player-side .side-cont .side-bd .ul-course li:hover .tips {
  color: #333;
  opacity: 1;
  filter: alpha(opacity=100);
  bottom: 36px;
}
.m-player-side .side-cont .side-bd .ul-course li .tips {
  position: absolute;
  bottom: 20px;
  left: 25px;
  width: 300px;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #fff;
  font-size: 14px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 999;
  line-height: 1.5;
}
.m-player-side .side-cont .side-bd .ul-course li .tips:after {
  width: 0;
  height: 0;
  content: " ";
  border: 6px solid;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  bottom: -12px;
  left: 50px;
}
.m-player-side .side-cont .side-bd .ul-course .current {
  background-color: #424347;
  color: #fff;
}
.m-player-side .side-cont .side-bd .ul-course .current .type-v {
  background-position: -190px -30px;
}
.m-player-side .side-cont .side-bd .ul-course .current .type-t {
  background-position: -230px -30px;
}
.m-player-side .side-cont .side-bd .ul-course .pro-num {
  width: 35px;
  text-align: center;
}
.m-player-side .side-cont .side-bd .ul-course .pro {
  width: 13px;
  height: 13px;
  background-position: -210px 0;
}
.m-player-side .side-cont .side-bd .ul-course .pro0 {
  background-position: -230px 0;
}
.m-player-side .side-cont .side-bd .ul-course .pro25 {
  background-position: -250px 0;
}
.m-player-side .side-cont .side-bd .ul-course .pro50 {
  background-position: -270px 0;
}
.m-player-side .side-cont .side-bd .ul-course .pro75 {
  background-position: -290px 0;
}
.m-player-side .side-cont .side-bd .ul-course .pro100 {
  background-position: -310px 0;
}
.m-player-side .side-cont .side-bd .ul-course .tit {
  width: 55%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 5px;
}
.m-player-side .side-cont .side-bd .ul-course .time {
  width: 50px;
  text-align: center;
}
.m-player-side .side-cont .side-bd .ul-course .type-v,
.m-player-side .side-cont .side-bd .ul-course .type-t {
  width: 19px;
  height: 16px;
}
.m-player-side .side-cont .side-bd .ul-course .type-v {
  background-position: -170px -30px;
}
.m-player-side .side-cont .side-bd .ul-course .type-t {
  background-position: -210px -30px;
}
.three-player .m-player .player-bd {
  top: 130px;
  bottom: 150px;
}
.three-player .m-player .btn-box {
  position: absolute;
  height: 40px;
  line-height: 40px;
  top: 90px;
  left: 20px;
  right: 60px;
  background-color: #171717;
  text-align: right;
}
.three-player .m-player .btn-box a {
  height: 30px;
  line-height: 30px;
  color: #fff;
  background-color: #00458a;
  text-align: center;
  display: inline-block;
  margin-right: 5px;
  padding: 0 10px;
  text-decoration: none;
  border-radius: 5px;
}
.three-player .m-player .btn-box a:hover {
  background-color: #2bc7b5;
}
.three-player .m-player .btn-box a .pl-ico {
  width: 16px;
  height: 16px;
  margin-right: 3px;
  position: relative;
  top: 3px;
}
.three-player .m-player .btn-box a .ico-t {
  background-position: -290px -30px;
}
.three-player .m-player .btn-box a .ico-v {
  background-position: -310px -30px;
}
.three-player .m-player .name-box {
  position: absolute;
  height: 80px;
  bottom: 50px;
  left: 20px;
  right: 60px;
  background-color: #eee;
  text-align: center;
  padding: 10px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}
.three-player .m-player .name-box .btn-left,
.three-player .m-player .name-box .btn-right {
  position: absolute;
  top: 10px;
  height: 78px;
  width: 30px;
  background-color: #fff;
  border: 1px solid #c3c4c7;
}
.three-player .m-player .name-box .btn-left .pl-ico,
.three-player .m-player .name-box .btn-right .pl-ico {
  width: 12px;
  height: 21px;
  position: relative;
  top: 28px;
}
.three-player .m-player .name-box .btn-left:hover,
.three-player .m-player .name-box .btn-right:hover {
  border-color: #00458a;
}
.three-player .m-player .name-box .btn-left {
  left: 10px;
}
.three-player .m-player .name-box .btn-left:hover .pl-ico {
  background-position: -314px -100px;
}
.three-player .m-player .name-box .btn-left .pl-ico {
  background-position: -314px -50px;
}
.three-player .m-player .name-box .btn-right {
  right: 10px;
}
.three-player .m-player .name-box .btn-right:hover .pl-ico {
  background-position: -314px -125px;
}
.three-player .m-player .name-box .btn-right .pl-ico {
  background-position: -314px -75px;
}
.three-player .m-player .name-box .name-bd {
  position: absolute;
  top: 10px;
  left: 55px;
  right: 55px;
  box-sizing: border-box;
  overflow: hidden;
}
.three-player .m-player .name-box .name-bd .ul-name li {
  width: 120px;
  height: 78px;
  float: left;
  border: 1px solid #c3c4c7;
  background-color: #fff;
  position: relative;
  margin-right: 10px;
  padding: 0 10px;
  cursor: pointer;
}
.three-player .m-player .name-box .name-bd .ul-name li:hover {
  color: #fff;
  background-color: #7b7c82;
}
.three-player .m-player .name-box .name-bd .ul-name li .txt {
  font-size: 13px;
  padding-top: 5px;
}
.three-player .m-player .name-box .name-bd .ul-name li .txt .mt-5 {
  height: 38px;
  overflow: hidden;
}
.three-player .m-player .name-box .name-bd .ul-name li .process {
  height: 3px;
  width: 100%;
  background-color: #3d3e41;
  position: absolute;
  left: 0;
  bottom: -1px;
}
.three-player .m-player .name-box .name-bd .ul-name li .process .pro-current {
  height: 3px;
  background-color: #00458a;
  position: absolute;
  top: 0;
  left: 0;
}
.three-player .m-player .name-box .name-bd .ul-name .current {
  color: #fff;
  background-color: #7b7c82;
}
.three-player .video-box {
  height: 100%;
  max-width: 532px;
  max-height: 431px;
  background-color: #333;
  margin: 0 auto;
}
.text-player .m-player .player-bd {
  background-color: #eee;
  border: 1px solid #000;
}
.text-player .m-player .text-side {
  width: 200px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 40px;
  border-right: 1px solid #ddd;
  overflow: auto;
}
.text-player .m-player .text-side li {
  width: 170px;
  height: 140px;
  margin: 15px auto;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  position: relative;
  padding: 1px;
  cursor: pointer;
  overflow: hidden;
}
.text-player .m-player .text-side li:hover {
  border-color: #00458a;
}
.text-player .m-player .text-side li .label {
  width: 20px;
  height: 20px;
  line-height: 15px;
  font-size: 12px;
  background-position: -40px -140px;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  padding: 0;
  border-radius: 0;
  font-weight: normal;
}
.text-player .m-player .text-side .current {
  padding: 0;
  border: 2px solid #00458a;
}
.text-player .m-player .text-bd {
  position: absolute;
  top: 0;
  left: 200px;
  right: 0;
  bottom: 40px;
}
.text-player .m-player .op-box {
  height: 40px;
  line-height: 40px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.text-player .m-player .op-box .op-btn {
  width: 55px;
  height: 40px;
  display: inline-block;
  background: url("../images/bottom-line.jpg") no-repeat right;
}
.text-player .m-player .op-box .op-btn:hover {
  background-color: #222;
}
.text-player .m-player .op-box .op-btn .pl-ico {
  width: 21px;
  height: 19px;
  position: relative;
  top: 6px;
}
.text-player .m-player .op-box .t-prev .pl-ico,
.text-player .m-player .op-box .t-next .pl-ico {
  width: 13px;
  height: 20px;
}
.text-player .m-player .op-box .side .pl-ico {
  background-position: -290px -50px;
}
.text-player .m-player .op-box .t-prev {
  margin-left: 105px;
}
.text-player .m-player .op-box .t-prev .pl-ico {
  background-position: -314px -50px;
}
.text-player .m-player .op-box .t-next .pl-ico {
  background-position: -314px -75px;
}
.text-player .m-player .op-box .minus .pl-ico {
  background-position: -290px -90px;
}
.text-player .m-player .op-box .plus .pl-ico {
  background-position: -290px -111px;
}
.text-player .m-player .op-box .big .pl-ico {
  background-position: -290px -130px;
}
.text-player .m-player .op-box .pages {
  height: 40px;
  display: inline-block;
  background: url("../images/bottom-line.jpg") no-repeat right;
  padding: 0 15px;
  color: #fff;
  margin-right: -4px;
}
.text-player .m-player .op-box .pages input {
  width: 40px;
  border: 0;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  color: #666;
}
.text-player .m-player .op-box .size {
  display: inline-block;
  text-align: center;
  position: relative;
}
.text-player .m-player .op-box .size:hover .size-box {
  display: block;
}
.text-player .m-player .op-box .size .current-size {
  width: 60px;
  height: 24px;
  line-height: 24px;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.text-player .m-player .op-box .size .size-box {
  width: 58px;
  position: absolute;
  bottom: 31px;
  background-color: #fff;
  border: 1px solid #00458a;
  display: none;
}
.text-player .m-player .op-box .size .size-box li {
  cursor: pointer;
  line-height: 24px;
}
.text-player .m-player .op-box .size .size-box li:hover {
  background-color: #00458a;
  color: #fff;
}
.webuploader-container {
  position: relative;
}
.webuploader-element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.webuploader-pick {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: #f66985;
  /*原来颜色#00b7ee翁鹏飞*/
  padding: 5px 12px;
  /*原来的样式为10px 12px 翁鹏飞*/
  color: #fff;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
}
.webuploader-pick-hover {
  background: #f65c5a;
  /*原来颜色#00a2d4 翁鹏飞*/
}
.webuploader-pick-disable {
  opacity: 0.6;
  pointer-events: none;
}
.lwhUploader .webuploader-container {
  position: relative;
}
.lwhUploader .webuploader-element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.lwhUploader .webuploader-pick {
  top: -46px;
  left: 7px;
  height: 30px;
  line-height: 30px;
  width: 142px;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  background: transparent;
  /*原来颜色#00b7ee翁鹏飞*/
  padding: 5px 12px;
  /*原来的样式为10px 12px 翁鹏飞*/
  color: #fff;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
}
.lwhUploader .webuploader-pick-hover {
  background: transparent;
  /*原来颜色#00a2d4 翁鹏飞*/
}
.lwhUploader .webuploader-pick-disable {
  opacity: 0.6;
  pointer-events: none;
}
/*.lwhUploader input{z-index:101;}
.lwhUploader{position:relative;}*/
.lwhOpacity1 {
  opacity: 1;
  filter: alpha(opacity=100);
}
.lwhOpacity0 {
  opacity: 0;
  filter: alpha(opacity=0);
}
/*留言页面无数据最小高度*/
.lmNoDataMinHeight {
  height: 350px;
}
.m-no-data {
  padding: 40px 0;
}
.m-no-data.small {
  padding: 0;
}
.m-no-data.small img {
  width: 60px;
}
.m-no-data.small .txt {
  font-size: 14px;
}
.m-no-data .txt {
  font-size: 16px;
  color: #888;
  margin-top: 15px;
}
.lwhLoading {
  width: 80px;
  height: 80px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 9999;
}
.mask-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}
button.lwh-disabled {
  background: #9d9d9d;
  cursor: not-allowed;
}
button.lwh-disabled:hover {
  background: #9d9d9d;
}
.lwhLoading {
  width: 80px;
  height: 80px;
  position: fixed;
  left: 47%;
  top: 42%;
  z-index: 9999;
}
.classlist li .op .btn-dis.lwh-disabled:hover {
  background: #9d9d9d;
  cursor: not-allowed;
  color: #fff;
}
.classlist li .op .btn-dis.lwh-disabled {
  background: #9d9d9d;
  cursor: not-allowed;
  color: #fff;
}
.classlist li .op .btn-normal.lwh-disabled:hover {
  background: #9d9d9d;
  cursor: not-allowed;
  color: #fff;
}
.classlist li .op .btn-normal.lwh-disabled {
  background: #9d9d9d;
  cursor: not-allowed;
  color: #fff;
}
.m-course-detail .course-detail-hd .course-info-block .course-op button.btn-dis.lwh-disabled {
  background: #9d9d9d;
  cursor: not-allowed;
  color: #fff;
}
.m-course-detail .course-detail-hd .course-info-block .course-op button.btn-dis.lwh-disabled:hover {
  background: #9d9d9d;
  cursor: not-allowed;
  color: #fff;
}
.m-course-detail .course-detail-hd .course-info-block .course-op button.btn-normal.lwh-disabled {
  background: #9d9d9d;
  cursor: not-allowed;
  color: #fff;
}
.m-course-detail .course-detail-hd .course-info-block .course-op button.btn-normal.lwh-disabled:hover {
  background: #9d9d9d;
  cursor: not-allowed;
  color: #fff;
}
.mr6 {
  margin-right: 6px;
}
.mr40 {
  margin-right: 40px;
}
.lwh-slt select {
  color: #666;
}
.lwh-slt select option {
  color: #999;
}
.mt20 {
  margin-top: 15px;
}
.mt5 {
  margin-top: 5px;
}
.lwhlist li {
  margin-bottom: 0;
}
.lwhlist li.mb-5 {
  margin-bottom: 5px;
}
.classlist li .buy-pop.ng-enter {
  margin-top: -280px;
  transition: all 0.8s;
}
.classlist li .buy-pop.ng-enter.ng-enter-active {
  margin-top: 0px;
}
.ml10 {
  margin-left: 10px;
}
.lwh-trainClass-detail .m-screen .screen-style {
  margin-top: 10px;
  padding: 0px 48px;
}
.lwh-trainClass-detail .m-screen .screen-style a {
  width: 180px;
  overflow: hidden;
  border: 1px dashed #0c7dd4;
  transition: none;
}
.lwh-trainClass-detail .m-screen .screen-style span {
  transition: none;
}
.lwh-trainClass-detail .m-screen .screen-style a span.tag {
  font-size: 12px;
}
.lwh-trainClass-detail .m-screen .screen-style a:hover {
  border: 1px dashed #0c7dd4;
}
.lwh-trainClass-detail .m-course-ml .sub-course-ml-block .sub-course-ml li {
  padding: 5px 35px 5px 16px;
}
.lwh-trainClass-detail .m-course-ml .sub-course-ml-block {
  border-bottom: none;
}
.ao {
  color: #fcb032;
}
.ao:hover {
  color: #fcb032;
  text-decoration: underline;
}
.mt16 {
  margin-top: 16px;
}
.lwh-dialog .dialog-box .dialog-hd .close:hover {
  background-color: #0c7dd4;
}
.lwh-buy-detail .m-course-detail .course-detail-hd .course-info-block .course-info p {
  margin-bottom: 4px;
}
.vHide {
  visibility: hidden;
}
input[type='text'][readonly] {
  background: #e3e3e3;
  cursor: not-allowed;
}
.notice-bd a {
  color: darkblue;
}
.notice-bd a:hover {
  text-decoration: underline;
}
.apphtml {
  font-size: 100px;
}
.appbody {
  font-size: 1.2rem;
  line-height: 1.5;
  background-color: #f8f8f8;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  position: relative;
}
.app_bg-g {
  background-color: #f2f2f2;
}
.app_pt10 {
  padding-top: .1rem;
}
.app_mt44 {
  margin-top: .44rem;
}
.app_fs14 {
  font-size: .14rem;
}
.app_nav-bar {
  height: .44rem;
  background: url("../images/gradient_bg_1280.png") no-repeat center 0;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.nav-center {
  text-align: center;
  font-size: .18rem;
  color: #fff;
  line-height: .44rem;
}
.nav-left {
  position: absolute;
  left: .1rem;
  top: .12rem;
  width: .2rem;
  height: .2rem;
}
.helpbox {
  border-top: 1px solid #ddd;
}
.app_bor-r {
  border-right: 1px solid #ddd;
}
.helpblcok {
  padding-bottom: 0.15rem;
  border-bottom: 1px solid #ddd;
  width: 33.3%;
  text-align: center;
  float: left;
  box-sizing: border-box;
  background-color: #fff;
}
.helpblcok a {
  display: block;
}
.helpblcok span {
  display: block;
  text-align: center;
  font-size: .16rem;
}
.app-help-ico {
  width: .53rem;
  height: .5rem;
  margin: .15rem auto .15rem;
  display: block;
}
.help-items {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  height: .47rem;
  padding-left: .12rem;
  padding-right: .3rem;
  position: relative;
}
.help-items .help-title {
  display: block;
  font-size: .14rem;
  line-height: .47rem;
  height: .47rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.arrow-icon {
  width: .08rem;
  height: .15rem;
  position: absolute;
  right: .1rem;
  top: .15rem;
}
.help-detail-tit {
  font-size: .18rem;
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding: .15rem .1rem;
  line-height: 120%;
  font-weight: bold;
}
.help-detail {
  padding: .1rem;
  font-size: .16rem;
  color: #333;
}
.help-detail p {
  text-indent: 2em;
  margin-bottom: .1rem;
}
.fhlist li .iptform2 {
  width: 180px;
}
.btn-code {
  width: 116px;
  height: 34px;
  line-height: 34px;
  background: #0c7dd4;
  text-align: center;
  color: #fff;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
.btn-code:hover {
  background-color: #0d8bec;
  color: #fff;
}
.classlist li .info p .c0 {
  background-position: -215px -4px;
}
.m-course-detail .course-intro {
  overflow: hidden;
}
.m-course-detail .course-intro img {
  max-width: 820px;
}
.m-course-detail .course-intro .sub-tit {
  font-size: 14px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
}
.m-course-detail .course-intro .teacher-list li {
  width: 50%;
  float: left;
  height: 64px;
  padding: 10px 0;
}
.m-course-detail .course-intro .teacher-list li .pic {
  width: 64px;
  height: 64px;
  border-radius: 64px;
  overflow: hidden;
  float: left;
  margin-right: 10px;
}
.m-course-detail .course-intro .teacher-list li .pic img {
  width: 64px;
}
.m-course-detail .course-intro .teacher-list li .text {
  float: left;
}
.m-course-detail .course-intro .teacher-list li .text h3 {
  font-size: 14px;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
}
.m-course-detail .course-intro .teacher-list li .text p {
  height: 36px;
  width: 210px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  line-height: 18px;
  text-indent: 0;
}
.ftf-course .content {
  padding: 20px 30px;
  line-height: 2;
}
.ftf-course .content .item {
  padding: 20px 30px;
  border-bottom: 1px dotted #eee;
}
.ftf-course .content .item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.ftf-course .content .item .left {
  width: 70px;
  float: left;
}
.ftf-course .content .item .left .date {
  width: 60px;
  height: 60px;
  border-radius: 3px;
  background: #0d84de;
  overflow: hidden;
  margin-top: 6px;
}
.ftf-course .content .item .left .date i {
  width: 50px;
  height: 30px;
  display: block;
  line-height: 30px;
  border-radius: 3px;
  background: #fff;
  text-align: center;
  color: #0d84de;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  margin: 5px auto 0;
}
.ftf-course .content .item .left .date label {
  text-align: center;
  color: #fff;
  font-size: 12px;
  height: 24px;
  display: block;
  line-height: 24px;
}
.ftf-course .content .item .right {
  width: 740px;
  float: right;
}
.ftf-course .content .item .right .tit {
  height: 36px;
  line-height: 36px;
  position: relative;
}
.ftf-course .content .item .right .tit h2 {
  font-size: 20px;
  font-weight: bold;
}
.ftf-course .content .item .right .tit .op-show {
  width: 40px;
  height: 16px;
  display: block;
  top: 8px;
  right: 0;
  position: absolute;
  background: url(../images/bg.png) no-repeat -96px 0;
}
.ftf-course .content .item .right .tit .op-hide {
  width: 40px;
  height: 16px;
  display: block;
  position: absolute;
  top: 8px;
  right: 0;
  background: url(../images/bg.png) no-repeat -136px 0;
}
.ftf-course .content .item .right .course-info li {
  height: 36px;
  line-height: 36px;
}
.ftf-course .content .item .right .course-info li .tit {
  color: #666;
}
.ftf-course .content .item .right .ziliao-tit {
  color: #666;
}
.ftf-course .content .item .right .ziliao {
  border: 1px solid #eee;
  background: #f8f8f8;
  padding: 10px 20px;
}
.ftf-course .content .item .right .ziliao li {
  font-size: 12px;
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #eee;
  margin: 0;
}
.ftf-course .content .item .right .ziliao li .tit {
  float: left;
  height: 48px;
  line-height: 48px;
}
.ftf-course .content .item .right .ziliao li .op {
  float: right;
}
.ftf-course .content .item .right .ziliao li .op a {
  display: inline-block;
  line-height: 24px;
  background: #0d84de;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  padding: 0 10px;
}
.ftf-course .content .item .right .ziliao li:last-child {
  border-bottom: none;
}
.ftf-course .content .item .right .ziliao li:hover {
  color: #0d84de;
}
.ftf-course .content .item .right .qiandao {
  background: #fff9ec;
  border: 1px solid #ffe8d5;
  padding: 10px 20px;
  font-size: 12px;
}
.ftf-course .content .item .right .qiandao .l {
  width: 40px;
  float: left;
}
.ftf-course .content .item .right .qiandao .l i {
  width: 40px;
  height: 40px;
  display: block;
  margin-top: 5px;
  background: url(../images/bg.png) no-repeat -246px -20px;
}
.ftf-course .content .item .right .qiandao .m {
  width: 375px;
  float: left;
  line-height: 50px;
}
.ftf-course .content .item .right .qiandao .m label {
  font-weight: bold;
}
.ftf-course .content .item .right .qiandao .m span {
  display: inline-block;
  line-height: 24px;
  background: #ff7628;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  padding: 0 10px;
  margin: 0 10px 0 30px;
}
.ftf-course .content .item .right .qiandao .r {
  width: 270px;
  float: right;
  border-left: 1px solid #ffe8d5;
  padding-left: 10px;
}
.ftf-course .content .item .right .qiandao .r p {
  width: 210px;
  float: left;
  color: #ff0000;
  font-weight: bold;
}
.ftf-course .content .item .right .qiandao .r i {
  width: 50px;
  height: 50px;
  display: block;
  float: right;
  background: url(../images/bg.png) no-repeat -100px -20px;
  cursor: pointer;
}
.ftf-course .content .item .right .pingjia {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 20px;
}
.ftf-course .content .item .right .pingjia .tit {
  width: 100px;
  height: 60px;
  line-height: 60px;
  float: left;
}
.ftf-course .content .item .right .pingjia .star {
  float: left;
  width: 200px;
  height: 30px;
  margin-top: 15px;
  position: relative;
}
.ftf-course .content .item .right .pingjia .star i {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  margin-left: 5px;
  cursor: pointer;
  background-repeat: no-repeat;
}
.ftf-course .content .item .right .pingjia .star .star-n {
  background-image: url("../images/star-n.png");
}
.ftf-course .content .item .right .pingjia .star .star-l {
  background-image: url("../images/star-l.png");
}
.ftf-course .content .item .right .pingjia .tip {
  color: #ff0000;
  float: left;
  line-height: 60px;
  width: 50px;
}
.ftf-course .content .item .right .pingjia .op {
  float: left;
  margin-top: 14px;
}
.ftf-course .content .item .right .pingjia .op a {
  display: inline-block;
  line-height: 32px;
  background: #0d84de;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  padding: 0 20px;
}
.ftf-course .content .item:hover {
  background: #f2fbfa;
}
.ftf-course .pd0 {
  padding: 0;
}
.l-code {
  position: fixed;
  width: 320px;
  height: 350px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto auto;
  transition: all 0.4s;
  padding-right: 10px;
  z-index: 9999;
}
.l-code .hover-bd {
  background-color: #fff;
  text-align: left;
  color: #333;
  padding: 10px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 7px #ccc;
  -webkit-box-shadow: 0px 0px 7px #ccc;
  box-shadow: 0px 0px 7px #ccc;
}
.l-code .hover-bd span {
  display: inline-block;
}
.l-code .hover-bd .arrowtop {
  width: 13px;
  height: 7px;
  position: absolute;
  left: 50%;
  top: -7px;
  margin-left: -6px;
  display: inline-block;
  background: url("../images/icon_home.png") no-repeat -322px -23px;
}
.l-code .hover-bd .close {
  z-index: 9999;
  opacity: 1;
  filter: alpha(opacity=1);
  width: 30px;
  height: 30px;
  background-position: -318px -188px;
  border: 1px solid #ddd;
  border-radius: 15px;
  position: absolute;
  top: -13px;
  right: -8px;
  background-color: #fff;
}
.l-code .hover-bd .close:hover {
  background-position: -318px -214px;
  border: 1px solid #0c7dd4;
  background-color: #0c7dd4;
}
@-webkit-keyframes fadeInUpTiny {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpTiny {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpTiny {
  -webkit-animation-name: fadeInUpTiny;
  animation-name: fadeInUpTiny;
}
@-webkit-keyframes fadeInRightTiny {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightTiny {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightTiny {
  -webkit-animation-name: fadeInRightTiny;
  animation-name: fadeInRightTiny;
}
@-webkit-keyframes fadeInRightTiny {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightTiny {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightTiny {
  -webkit-animation-name: fadeInRightTiny;
  animation-name: fadeInRightTiny;
}
@-webkit-keyframes fadeInLeftTiny {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftTiny {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftTiny {
  -webkit-animation-name: fadeInLeftTiny;
  animation-name: fadeInLeftTiny;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes fadeInRightTiny {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightTiny {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightTiny {
  -webkit-animation-name: fadeInRightTiny;
  animation-name: fadeInRightTiny;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
img {
  border: none;
  vertical-align: top;
}
.mask {
  position: fixed;
  z-index: 10001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.box-img-pop {
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  padding: 30px;
  z-index: 10002;
  margin-left: -400px;
  margin-top: -147px;
}
.box-img-pop .icon-close {
  cursor: pointer;
  display: block;
  position: absolute;
  font-size: 14px;
  right: 5px;
  top: 5px;
  color: #999;
  width: 36px;
  height: 36px;
  background: url("../../../zyjs/zyjsv1/images/close_hash17d1b9fab7.png") 0 0 no-repeat;
}
.box-img-pop .icon-close:hover {
  background-position: -36px 0;
}
.box-img-pop img {
  width: 800px;
  height: 294px;
}